繁体   English   中英

在Android中更改按钮颜色及其文本颜色

[英]Change Button color and its Text Color in android

我的活动包括10个按钮,每个按钮都有独特的背景色。 当按下按钮时,活动的背景应根据所按下按钮的颜色而改变。 并且单击按钮的颜色应更改为白色,其文本颜色应更改为黑色。 我完成了任务,直到活动的背景颜色发生变化。 我无法弄清楚如何使用View v更改按钮颜色及其文本颜色。由于我不知道将按下哪个按钮,因此无法直接使用按钮ID。 这是代码。

Java文件:

    @Override

    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    btn_red=(Button)findViewById(R.id.red_btn);
    btn_pink=(Button)findViewById(R.id.pink_btn);
    btn_blue=(Button)findViewById(R.id.blue_btn);
    btn_sblue=(Button)findViewById(R.id.sblue_btn);
    btn_orange=(Button)findViewById(R.id.orng_btn);
    btn_purple=(Button)findViewById(R.id.purple_btn);
    btn_green=(Button)findViewById(R.id.grn_btn);
    btn_yellow=(Button)findViewById(R.id.yellow_btn);
    btn_brown=(Button)findViewById(R.id.brown_btn);
    btn_black=(Button)findViewById(R.id.black_btn);
    rl=(RelativeLayout)findViewById(R.id.rel_layout);

    btn_red.setOnClickListener(this);
    btn_pink.setOnClickListener(this);
    btn_blue.setOnClickListener(this);
    btn_sblue.setOnClickListener(this);
    btn_orange.setOnClickListener(this);
    btn_purple.setOnClickListener(this);
    btn_green.setOnClickListener(this);
    btn_yellow.setOnClickListener(this);
    btn_brown.setOnClickListener(this);
    btn_black.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
    // Change Background Color
    btn_clr=(ColorDrawable)v.getBackground();
    rl.setBackground(btn_clr);

    // Change Button Color
    v.setBackgroundColor(Color.WHITE);

    //Change Text Color
    //Text Color should change to black


    }
    }

XML档案:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.bsse.asiya.colorchanger.MainActivity"
android:id="@+id/rel_layout">


<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Red"
    android:id="@+id/red_btn"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="48dp"
    android:layout_marginStart="48dp"
    android:layout_marginTop="40dp"
    android:textColor="@color/white"
    android:background="@color/red"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Pink"
    android:id="@+id/pink_btn"
    android:layout_alignBottom="@+id/red_btn"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_marginRight="40dp"
    android:layout_marginEnd="40dp"
    android:textColor="@color/white"
    android:background="@color/pink"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Blue"
    android:id="@+id/blue_btn"
    android:layout_below="@+id/red_btn"
    android:layout_alignRight="@+id/red_btn"
    android:layout_alignEnd="@+id/red_btn"
    android:layout_marginTop="40dp"
    android:textColor="@color/white"
    android:background="@color/blue"/>

<Button
    style="?android:attr/buttonStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Sky Blue"
    android:id="@+id/sblue_btn"
    android:layout_above="@+id/orng_btn"
    android:layout_alignLeft="@+id/pink_btn"
    android:layout_alignStart="@+id/pink_btn"
    android:textColor="@color/white"
    android:background="@color/sky_blue"
    android:layout_alignRight="@+id/pink_btn"
    android:layout_alignEnd="@+id/pink_btn" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Orange"
    android:id="@+id/orng_btn"
    android:layout_below="@+id/blue_btn"
    android:layout_alignLeft="@+id/blue_btn"
    android:layout_alignStart="@+id/blue_btn"
    android:layout_marginTop="40dp"
    android:textColor="@color/white"
    android:background="@color/orange"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Purple"
    android:id="@+id/purple_btn"
    android:layout_alignBottom="@+id/orng_btn"
    android:layout_alignRight="@+id/pink_btn"
    android:layout_alignEnd="@+id/pink_btn"
    android:textColor="@color/white"
    android:background="@color/purple"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Green"
    android:id="@+id/grn_btn"
    android:layout_below="@+id/orng_btn"
    android:layout_alignLeft="@+id/orng_btn"
    android:layout_alignStart="@+id/orng_btn"
    android:layout_marginTop="41dp"
    android:textColor="@color/white"
    android:background="@color/green"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Yellow"
    android:id="@+id/yellow_btn"
    android:layout_alignTop="@+id/grn_btn"
    android:layout_alignLeft="@+id/purple_btn"
    android:layout_alignStart="@+id/purple_btn"
    android:textColor="@color/white"
    android:background="@color/yellow"
    android:outlineProvider="bounds"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Brown"
    android:id="@+id/brown_btn"
    android:layout_alignParentBottom="true"
    android:layout_alignLeft="@+id/grn_btn"
    android:layout_alignStart="@+id/grn_btn"
    android:layout_marginBottom="41dp"
    android:textColor="@color/white"
    android:background="@color/brown"/>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Black"
    android:id="@+id/black_btn"
    android:layout_alignTop="@+id/brown_btn"
    android:layout_alignLeft="@+id/yellow_btn"
    android:layout_alignStart="@+id/yellow_btn"
    android:textColor="@color/white"
    android:background="@color/black"/>
</RelativeLayout>

那这个呢?

@Override
public void onClick(View v) {
    ...
    if (v instanceof Button) {
        ((Button) v).setBackgroundColor(Color.WHITE);
        ((Button) v).setTextColor(Color.BLACK);
    }
}

如果只需要更改背景颜色, button文本颜色和背景,则无需在代码中为每个button保留这么多(10!)引用。 只需将onClick属性添加到xml android:onClick="changeColors"所有按钮即可。 并在您的活动中声明changeColors方法。

public void changeColors(View view) {
    // this method is invoked with the parameter "view" which is the button that was clicked
    // change activity background to view(button)'s current color etc.
    ((Button)view).setBackgroundColor(Color.WHITE);
    ((Button)view).setTextColor(Color.BLACK);
}

正确的view(button)作为参数传递,因此您不必担心更新错误的按钮。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM