2

在我的 android 应用程序中有一个带有绿色背景的圆角矩形按钮。我使用 .xml 文件做到了这一点

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:padding="10dp"
android:shape="rectangle" >

<solid android:color="#B5D397" />

<corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp" />


</shape>

和

 android:background="@drawable/rounded_btn"

在布局文件中

但是当我按下按钮时没有显示任何效果（颜色没有变化）所以我使用了

@Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            Button view = (Button) v;
             view.getBackground().setColorFilter(0x77000000, PorterDuff.Mode.SRC_ATOP);

按下后按钮颜色变为深绿色。到这里一切正常，但问题是释放按钮后颜色仍然是深绿色。我希望它像按下之前一样。我提到了几个例子，说在 .xml 文件中使用选择器，即

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:color="#c0c0c0"
        android:state_selected="true"/>
    <item
        android:color="#ffffff"
        android:state_pressed="true"/>
    <item
        android:color="#9A9A9A"
        android:state_focused="false"
        android:state_pressed="false"
        android:state_selected="false"/>
</selector>

这也需要android:background="@drawable/btn_state" ，但我已经用过android:background=@drawable/rounded_btn

那么如何同时发挥这两种效果

我也试过用OnTouchListener 

button.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
 // show interest in events resulting from ACTION_DOWN
 if(event.getAction()==MotionEvent.ACTION_DOWN) return true;
 // don't handle event unless its ACTION_UP so "doSomething()" only runs once.
 if(event.getAction()!=MotionEvent.ACTION_UP) return false;
 doSomething();
  button.setPressed(true);                   
  return true;
}
});

但这禁用了我的OnclickListener()方法，我不想使用OnTouchListener()

我知道这很愚蠢，但我是 android 新手，非常感谢

4

4 回答 4

3

您必须为此创建 3 个 xml 文件...

2个Drawable Shapes和1个Drawable Selector

请参阅下面的代码..

button_normal.xml

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:left="2dp" android:top="2dp">
        <shape>
            <corners android:radius="10dp" />
            <solid android:color="#22151515" />
        </shape>
    </item>

    <item android:bottom="3dp" android:right="3dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white"/>
            <corners android:radius="10dp" />
            <padding android:left="10dp"
                android:right="10dp"/>
            <stroke android:width="3px" 
                android:color="@color/border_pink" />
        </shape>
    </item>

</layer-list>

button_selected.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:left="2dp" android:top="2dp">
        <shape>
            <corners android:radius="10dp" />
            <solid android:color="#22151515" />
        </shape>
    </item>

    <item android:bottom="3dp" android:right="3dp">
        <shape android:shape="rectangle">
            <solid android:color="#55fff000"/>
            <corners android:radius="10dp" />
            <padding android:left="10dp"
                android:right="10dp"/>
            <stroke android:width="3px" 
                android:color="@color/border_pink" />
        </shape>
    </item>

</layer-list>

button_bg.xml

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

    <item 
        android:state_focused="true"
        android:drawable="@drawable/button_selected"/>

    <item
        android:state_pressed="true"
        android:drawable="@drawable/button_selected"/>

    <item android:drawable="@drawable/button_normal"/>

</selector>

最后......

android:background="@drawable/button_bg"

根据需要更改代码drawable shapes..

这可能会帮助你

于 2014-06-25T06:58:58.157 回答
3

制作两个不同形状的xml。一个用绿色，另一个用另一种颜色..

并在 selector.xml 中使用它们

 <item android:drawable="@drawable/rounded_btn_green" android:state_selected="true"/>

<item android:drawable="@drawable/rounded_btn_green" android:state_pressed="true"/>

<item android:drawable="@drawable/rounded_btn_green" android:state_focused="true"/>

<item android:drawable="@drawable/rounded_btn"/>

于 2014-06-25T07:04:01.730 回答
1

请按照以下步骤操作 -

  1. Button像这样在主 xml 中定义视图-

    <Button
android:id="@+id/search_bt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_selector_green"
android:text="Search"
android:textColor="@drawable/button_text_color_green"
/>

  2. 在您的可绘制文件夹中创建button_selector_greenxml 文件，如下所示 -

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

  3. 在您的可绘制文件夹中创建button_text_color_greenxml 文件，如下所示 -

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
   android:color="#48b28a" /> <!-- pressed -->
<item android:state_focused="true"
   android:color="#FFFFFF" /> <!-- focused -->
<item android:color="#FFFFFF" /> <!-- default -->
</selector>

  4. 在您的可绘制文件夹中创建rounded_corner_transparentxml 文件，如下所示 -

     <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <solid 
  android:color="@android:color/transparent" >
 </solid>

 <!-- view border color and width -->
 <stroke
   android:width="1dp"
   android:color="#2b8c68" ></stroke>

 <!-- If you want to add some padding -->
 <padding
   android:left="4dp"
   android:top="4dp"
   android:right="4dp"
   android:bottom="4dp"    >
 </padding>

 <!-- Here is the corner radius -->
 <corners android:radius="10dp"   >
 </corners>
 </shape>

  5. 在您的可绘制文件夹中创建rounded_corner_greenxml 文件，如下所示 -

    <?xml version="1.0" encoding="utf-8"?>
<shape  xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

<solid
android:color="#48b28a" >
</solid>

<!-- view border color and width -->
<stroke
android:width="1dp"
android:color="#2b8c68" >
</stroke>

<!-- If you want to add some padding -->
<padding
android:left="4dp"
android:top="4dp"
android:right="4dp"
android:bottom="4dp"    >
</padding>

<!-- Here is the corner radius -->
<corners
android:radius="10dp"   >
</corners>
</shape>

    希望这对你有用。快乐编码:)

于 2014-06-25T07:48:41.443 回答
0

在带有填充角的自定义按钮上添加点击效果

请在上面的链接中参考我的答案。

我们可以通过在可绘制文件夹中仅添加一个文件并将其作为按钮的背景来实现。

希望这会对某人有所帮助。当担心性能问题时，可以使用我的解决方案并减少对象数。

于 2017-01-02T10:20:36.940 回答