7

我有一个按钮，我给它一个颜色、图像和文本，如下所示：

android:background="@color/green"
android:drawableLeft="@drawable/custom_routes_start_button_icon"
android:text="@string/custom_route_start"

这是未选中的状态，希望选中的状态是这样的：

android:background="@color/red"
android:drawableLeft="@drawable/custom_routes_stop_button_icon"
android:text="@string/custom_route_stop"

据我所知，不可能为选择器中的项目提供文本或 drawableLeft（仅可绘制）。有人知道实现这一目标的好方法吗？也许te选择器也可以引用另一个xml文件？

4

4 回答 4

6

我不确定 ToggleButton（甚至复选框）是否适合您的用例。您确实可以为您的可绘制对象使用选择器（左、右、上、下），使用带选择器的背景，甚至为您的两个状态使用不同的文本。

实际上，您可以为您的背景定义一个选择器（/res/color/custom_color.xml）

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/green"
          android:state_checked="true" />
    <item android:color="@color/red"
        android:state_checked="false"/>
 </selector>

一个用于您的 drawableLeft(/res/drawable/custom_drawable.xml)。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/custom_routes_start_button_icon"
          android:state_checked="true" />
    <item android:drawable="@color/custom_routes_stop_button_icon"
        android:state_checked="false"/>
 </selector>

最后你的 ToggleButton 定义为

android:background="@color/custom_color"
android:drawableLeft="@drawable/custom_drawable"
android:textOn="@string/custom_route_start"
android:textOff="@string/custom_route_stop"

您可能必须使用样式以使其显示为您想要的。

虽然这是一个迟到的答案，但希望有人觉得它有用。

于 2013-10-01T07:23:44.620 回答
3

您应该使用两个按钮，并且只显示其中一个。android:visibility在 XML 中使用并setVisibility()显示/隐藏按钮。

因此，首先使开始按钮可见并隐藏停止按钮。当用户按下开始按钮时，隐藏开始按钮并显示停止按钮。当用户按下停止按钮时，将其隐藏并再次显示开始按钮。

于 2013-03-19T09:55:48.073 回答
1

您可以通过代码更改它：

在xml文件中写入以下代码：

 android:background="@color/green"
 android:drawableLeft="@drawable/custom_routes_start_button_icon"
 android:text="@string/custom_route_start"

和 buttonClick 事件：

    yourButton = (TextView) findViewById(R.id.yourButton);

    yourButton.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            Drawable checkImg = getApplicationContext().getResources().getDrawable(
                       R.drawable.custom_routes_stop_button_icon);
            yourButton.setCompoundDrawablesWithIntrinsicBounds(checkImg, null, null,
            null);
            yourButton.setBackgroundColor(red);
            yourButton.setText(custom_route_stop);
        }
    });

您也可以将此代码放在 Touchlistener 上：

 yourButton.setOnTouchListener(new OnTouchListener() {
        boolean isTouch = false;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                Drawable checkImg = getApplicationContext().getResources().getDrawable(
                       R.drawable.custom_routes_stop_button_icon);
                yourButton.setCompoundDrawablesWithIntrinsicBounds(checkImg, null, null, null);
                yourButton.setBackgroundColor(red);
                yourButton.setText(custom_route_stop);  
            }
            else {
                Drawable checkImg = getApplicationContext().getResources().getDrawable(
                       R.drawable.custom_routes_start_button_icon);
                yourButton.setCompoundDrawablesWithIntrinsicBounds(checkImg, null, null, null);
                yourButton.setBackgroundColor(green);
                yourButton.setText(custom_route_start);
            }
            return false;
        }
    });
于 2013-03-19T10:04:38.170 回答
0

你的意思是如果你点击按钮，你想改变按钮的背景颜色？是的，你可以做到

首先定义状态

private int btnState = 1;
private final static int BUTTON_STATE_SELECTED = 0;
private final static int BUTTON_STATE_UNSELECTED = 1;

然后将 id 设置为您的按钮

android:id="@+id/btnRoute"
android:background="@color/green"
android:drawableLeft="@drawable/custom_routes_start_button_icon"
android:text="@string/custom_route_start"

在您的活动中声明按钮

Button btnRoute = (Button) findviewbyid(R.id.btnRoute);

之后创建一个 onclick 侦听器，它将根据状态更改按钮颜色

private View.OnClickListener mOnClickBtnRoute = new View.OnClickListener() {
switch(btnState) {
case BUTTON_STATE_SELECTED:
btnRoute.setBackgroundColor(green);
btnRoute.setText(start);
Drawable img = getContext().getResources().getDrawable( R.drawable.custom_routes_start_button_icon );
btnRoute.setCompoundDrawablesWithIntrinsicBounds( img, null, null, null );
btnState = BUTTON_STATE_UNSELECTED;
break;
case BUTTON_STATE_UNSELECTED:
btnRoute.setBackgroundColor(red);
btnRoute.setText(stop);
Drawable img = getContext().getResources().getDrawable( R.drawable.custom_routes_stop_button_icon );
btnRoute.setCompoundDrawablesWithIntrinsicBounds( img, null, null, null );
btnState = BUTTON_STATE_SELECTED;
break;
}
};

然后不要忘记将侦听器设置为按钮

btnRoute.setOnClickListener(mOnClickBtnRoute);

请记住所有代码都在这里编码所以可能会有错误输入所以请不要只是复制粘贴而是尝试理解这个概念:) 如果您对我的回答有任何疑问，请随时在评论中提问！

于 2013-03-19T09:56:10.190 回答