클릭 할 때 Android에서 버튼의 색상을 변경하는 방법은 무엇입니까?

81

Android 애플리케이션에서 작업 중입니다. 화면 하단에 4 개의 버튼을 수평으로 배치하고 싶습니다. 이 4 개의 버튼에는 2 개의 버튼에 이미지가 있습니다. 버튼의 테두리는 검은 색이어야하고 테두리는 가능한 한 얇아 야합니다. 버튼을 클릭하면 테두리 색상을 변경하지 않고 버튼의 배경을 파란색으로 변경하고 그 색상을 얼마 동안 유지해야합니다. Android에서이 시나리오를 어떻게 달성 할 수 있습니까?

android 
— Android_programmer_camera
소스
버튼 클릭에서 벡터 드로어 블 경로의 색상을 변경하는 방법의 중복 가능성이 있습니다. 중복으로 플래그를 지정했습니다. 여기에서 내 대답을 확인할 수 있습니다. stackoverflow.com/a/55205149/3763032
— mochadwi

답변:

128

한 가지 방법은에서 drawablewhatever.xml이라는 XML 파일을 만드는 것입니다 .

<?xml version="1.0" encoding="utf-8"?> 
  <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_focused="true"
        android:state_pressed="true"
        android:drawable="@drawable/bgalt" />

    <item
        android:state_focused="false"
        android:state_pressed="true"
        android:drawable="@drawable/bgalt" />

    <item android:drawable="@drawable/bgnorm" />
</selector>

bgalt및 bgnorm당김의 PNG 이미지입니다.

활동에서 프로그래밍 방식으로 버튼을 만드는 경우 다음을 사용하여 배경을 설정할 수 있습니다.

final Button b = new Button (MyClass.this);
b.setBackgroundDrawable(getResources().getDrawable(R.drawable.whatever));

XML로 버튼 스타일을 설정하면 다음과 같이 할 수 있습니다.

<Button
  android:id="@+id/mybutton"
  android:background="@drawable/watever" />

그리고 마지막으로 튜토리얼 링크 . 도움이 되었기를 바랍니다.

— 방법
소스
16
이미지를 사용하지 않으려면 XML 파일의 드로어 블을 색상 정의로 바꿀 수도 있습니다.
— haseman
7
@ jshin47은 시행 착오의 장대 한 양입니다. 나는 지금 안드로이드 개발에 관한 두 권의 책을 썼습니다 :-)
— haseman
@haseman-이 두 책의 링크를 게시하거나 brk0018@gmail.com에서 저에게 공유 할 수 있습니까? 그것들을 통해 더 잘 배우게되어 기쁠 것입니다
— Ramakishna Balla
1
이미지가 아닌 색상 만 있으면 어떨까요?
— Kala J
@KalaJ 당신은 해결책을 찾았습니까?
— Prafulla Kumar Sahu
75

"bg_button.xml"이있는 드로어 블 폴더에이 코드를 저장하고 xml에서 버튼의 배경으로 "@ drawable / bg_button"을 호출합니다.

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#004F81" />
            <stroke
                android:width="1dp"
                android:color="#222222" />
            <corners
                android:radius="7dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#89cbee"
                android:endColor="#004F81"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#4aa5d4" />
            <corners
                android:radius="7dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>
— Faakhir
소스
2
감사합니다. 스타일을 사용하면 애플리케이션 크기를 줄일 수 있습니다. 좋은 아이디어는 당김 사용하지합니다
— 라훌 Mandaliya
반면에 xml 벡터 기반 드로어 블은 일반적으로 특히 오래된 장치에서 이미지보다 성능이 나쁩니다. 너무 일찍 최적화하지 마십시오.
— Przemyslaw Jablonski
10

이 시도

    final Button button = (Button) findViewById(R.id.button_id);
    button.setOnTouchListener(new View.OnTouchListener() {

        @Override
        public boolean onTouch(View view, MotionEvent event) {
            if(event.getAction() == MotionEvent.ACTION_UP) {
                button.setBackgroundColor(Color.RED);
            } else if(event.getAction() == MotionEvent.ACTION_DOWN) {
                button.setBackgroundColor(Color.BLUE);
            }
            return false;
        }

    });
— Waxren
소스
9

이것을 참조하십시오,

boolean check = false;
Button backward_img;
Button backward_img1;
backward_img = (Button) findViewById(R.id.bars_footer_backward);
backward_img1 = (Button) findViewById(R.id.bars_footer_backward1);
backward_img.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View arg0) {
        check = true;
        backward_img.setBackgroundColor(Color.BLUE);
    }
});

if (check == true) {
    backward_img1.setBackgroundColor(Color.RED);
    backward_img.setBackgroundColor(Color.BLUE);
}
— Sankar Ganesh PMP
소스
2
이렇게하면 BG가 영구적으로 설정됩니다. 즉, 사용자가 뒤로 버튼을 클릭하면 배경이 빨간색이됩니다.
— methode
@methode : ok 새 답변을 참조하십시오. 이전 답변을 수정했습니다
— Sankar Ganesh PMP
8 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- default -->
    <item
        android:state_pressed="false"
        android:state_focused="false">
        <shape
            android:innerRadiusRatio="1"
            android:shape="rectangle" >
            <solid android:color="#00a3e2" />

            <padding
                android:bottom="10dp"
                android:left="10dp"
                android:right="10dp"
                android:top="10dp" />

        </shape>
    </item>

    <!-- button focused -->
    <item
        android:state_pressed="false"
        android:state_focused="true">
        <shape
            android:innerRadiusRatio="1"
            android:shape="rectangle" >
            <solid android:color="#5a97f5" />

            <padding
                android:bottom="5dp"
                android:left="10dp"
                android:right="10dp"
                android:top="5dp" />
        </shape></item>

    <!-- button pressed -->
    <item
        android:state_pressed="true"
        android:state_focused="false">
        <shape
            android:innerRadiusRatio="1"
            android:shape="rectangle" >
            <solid android:color="#478df9"/>
            <padding
                android:bottom="10dp"
                android:left="10dp"
                android:right="10dp"
                android:top="10dp" />
        </shape></item>
</selector>
— سیدرسول میرعظیمی
소스
6

버튼을 눌렀을 때 배경 이미지 또는 버튼의 색상을 변경하려면이 코드를 복사하여 아래 설명 된 정확한 위치에 프로젝트에 붙여 넣으십시오.

      <!-- Create new xml file like mybtn_layout.xml file in drawable -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/pressed" /> <!--pressed --> 
<item android:drawable="@drawable/normal" /> <!-- Normal -->
</selector>
  <!-- Now this file should be in a drawable folder and use this 
  single line code in    button code to get all the properties of this xml file -->

    <Button
      android:id="@+id/street_btn"
      android:layout_width="wrap_content"
      android:background="@drawable/layout_a" > <!-- your required code -->
    </Button>
— 피르 파힘 샤
소스
4

이 시도......

먼저 button_pressed.xml이라는 xml 파일을 생성합니다. 이것이 내용입니다.

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" 
          android:state_pressed="false" 
          android:drawable="@drawable/icon_1" />
    <item android:state_focused="true" 
          android:state_pressed="true"
          android:drawable="@drawable/icon_1_press" />
    <item android:state_focused="false" 
          android:state_pressed="true"
            android:drawable="@drawable/icon_1_press" />
    <item android:drawable="@drawable/icon_1" />
</selector>

아니요 버튼에 이것을 시도하십시오.

int imgID = getResources().getIdentifier("button_pressed", "drawable", getApplication().getPackageName());
button.setImageResource(imgID);

button_pressed.xml은 드로어 블 폴더에 있어야합니다. icon_1_press 및 icon_1은 버튼 누름과 일반 초점에 대한 두 가지 이미지입니다.

— 제임스
소스
2

1- Drawable nd new drawable 리소스 파일을 마우스 오른쪽 버튼으로 클릭하여 Button에 대해 1 모양을 만드십시오. 루트 요소를 모양으로 변경하고 모양을 만드십시오.

여기에 이미지 설명 입력

2- 이제 모양에서 복사본 1 개를 만들고 이름을 변경하고 단색을 변경합니다. 여기에 이미지 설명 입력

드로어 블 및 새 드로어 블 리소스 파일을 3 오른쪽 클릭하여 루트 요소를 선택기로 설정하십시오.

파일로 이동하여 "state_pressed"설정

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true"android:drawable="@drawable/YourShape1"/>
<item android:state_pressed="false" android:drawable="@drawable/YourShape2"/>

</selector>

4- 끝이 xml 레이아웃으로 이동하고 단추 배경을 "선택기"로 설정합니다.

(내 영어가 약해서 죄송합니다)

— Mj.talebi
소스
1

이 코드를 사용하고 있습니다 (파급 효과 포함) :

<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@color/color_gray">
<item android:id="@android:id/mask">
    <color android:color="@color/color_gray" />
</item></ripple>
— user3524157
소스
1

이 코드를 사용하여 문제를 해결할 수 있습니다.

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true"
   android:drawable="@drawable/login_selected" /> <!-- pressed -->
  <item android:state_focused="true"
   android:drawable="@drawable/login_mouse_over" /> <!-- focused -->
  <item android:drawable="@drawable/login" /> <!-- default -->
</selector>

드로어 블에이 코드를 작성하여 새 리소스를 만들고 원하는 이름을 지정한 다음 Android에서 이미지 src를 참조하는 것과 동일한 버튼에이 drwable의 이름을 작성합니다.

— 무 다시 르 칸
소스
1
안녕하세요 @lmo 선생님 질문에 대한 설명을 제공했습니다.
— Mudassir 칸
1 
public void onPressed(Button button, int drawable) {
            if (!isPressed) {
                button.setBackgroundResource(R.drawable.bg_circle);
                isPressed = true;
            } else {
                button.setBackgroundResource(drawable);
                isPressed = false;
            }
        }


    @Override
    public void onClick(View v) {

        switch (v.getId()) {
            case R.id.circle1:
                onPressed(circle1, R.drawable.bg_circle_gradient);
                break;
            case R.id.circle2:
                onPressed(circle2, R.drawable.bg_circle2_gradient);
                break;
            case R.id.circle3:
                onPressed(circle3, R.drawable.bg_circle_gradient3);
                break;
            case R.id.circle4:
                onPressed(circle4, R.drawable.bg_circle4_gradient);
                break;
            case R.id.circle5:
                onPressed(circle5, R.drawable.bg_circle5_gradient);
                break;
            case R.id.circle6:
                onPressed(circle6, R.drawable.bg_circle_gradient);
                break;
            case R.id.circle7:
                onPressed(circle7, R.drawable.bg_circle4_gradient);
                break;

        }

이것을 시도하십시오.이 코드에서 버튼을 클릭하면 버튼의 배경을 변경하려고합니다.

— 아비 섹라나
소스
0

버튼을 다른 색상으로 유지하려는 시간을 적절하게 처리하려면이 버전을 권장합니다.

button.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch(event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        button.setBackground(getResources().getDrawable(R.drawable.on_click_drawable));
                        break;
                    case MotionEvent.ACTION_UP:
                        new java.util.Timer().schedule(
                                new java.util.TimerTask() {
                                    @Override
                                    public void run() {
                                        ((Activity) (getContext())).runOnUiThread(new Runnable() {
                                            @Override
                                            public void run() {
                                                button.setBackground(getResources().getDrawable(R.drawable.not_clicked_drawable));
                                            }
                                        });
                                    }
                                }, BUTTON_CLICK_TIME_AFTER_RELEASE_ANIMATION);
                        break;
                    default:
                }
                return false;
            }
        });

BUTTON_CLICK_TIME_AFTER_RELEASE_ANIMATION은 버튼이 이전 상태로 재설정되는 시간 [ms] 후에 나타냅니다 (그러나 달성하려는 것에 따라 버튼이 그 사이에 사용되지 않았는지 확인하기 위해 일부 부울을 사용할 수 있음 ...) .

— 니콜라스 짐머만
소스
0

위의 주석 중 일부를 사용하더라도 필요한 사항을 해결하는 데 시간이 오래 걸렸습니다. 이 예가 다른 사람에게 도움이되기를 바랍니다.

드로어 블 디렉토리에 radio_button.xml을 만듭니다.

    <?xml version="1.0" encoding="utf-8"?>

<!-- An element which allows two drawable items to be listed.-->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/radio_button_checked" /> <!--pressed -->
    <item android:drawable="@drawable/radio_button_unchecked" /> <!-- Normal -->
</selector>

그런 다음 조각의 xml에서 다음과 같이 보일 것입니다.

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
<RadioGroup
android:layout_width="match_parent"
android:layout_height="match_parent">

<RadioButton

    android:id="@+id/radioButton1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_weight="1"
    android:button="@drawable/radio_button"
    android:paddingLeft="10dp" />        
<RadioButton
    android:id="@+id/radioButton2"
    android:layout_marginLeft="10dp"
    android:paddingLeft="10dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:button="@drawable/radio_button" />

</RadioGroup>
    </LinearLayout>
</layout>
— iCyberPaul
소스
-1

가장 쉬운 방법은 다음과 같습니다.

이 코드를 mainactivity.java에 추가하십시오.

public void start(View view) {

  stop.setBackgroundResource(R.color.red);
 start.setBackgroundResource(R.color.yellow);
}

public void stop(View view) {
stop.setBackgroundResource(R.color.yellow);
start.setBackgroundResource(R.color.red);
}

그런 다음 활동 메인에서

    <button android:id="@+id/start" android:layout_height="wrap_content" android:layout_width="wrap_content" android:onclick="start" android:text="Click">

</button><button android:id="@+id/stop" android:layout_height="wrap_content" android:layout_width="wrap_content" android:onclick="stop" android:text="Click">

또는이 튜토리얼을 따라

— Dondondon
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.