一个具有可绘制背景的几个控件(渐变)

时间:2011-01-10 20:58:49

标签: android controls selector shape

您好我正在努力完成以下任务:

我有一个控件应该渲染3个android标准控件:imageview和textview。我试图将它们包装在一个具有渐变背景的控件中,所以它看起来像一个按钮。

这是我尝试过的: 在控件的布局文件中我添加了一个按钮

<Button android:id="@+id/btnCustomButton" android:layout_width="214dp" android:drawable="@drawable/custom_button" android:background="@drawable/custom_button_background" android:gravity="center_horizontal" android:layout_height="39dp" />
custom_button.xml中的

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:height="33dp" android:width="214dp">
   <ImageView
  android:gravity="left|center_horizontal" android:id="@+id/btn_icon" android:layout_width="fill_parent"  android:layout_height="27dp" />

   <TextView android:id="@+id/txtLabel" android:textSize="15px" android:textColor="@color/main_text_black" android:text="Search" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:singleLine="true" />
</shape

在custom_button_background.xml中:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:top="15dp" android:state_pressed="true">
            <shape android:shape="rectangle">
              <gradient android:startColor="@color/gradient_hl_top" android:endColor="@color/gradient_hl_bottom" android:angle="270" />
            <stroke android:width="3dp" android:color="@color/main_text_black" />
            <corners android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
            </shape>
    </item>
    <item android:state_focused="true">
        <shape android:shape="rectangle">
              <gradient android:startColor="@color/gradient_hl_top" android:endColor="@color/gradient_hl_bottom" android:angle="270" />
            <stroke android:width="3dp" android:color="@color/main_text_black" />
            <corners android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
            </shape>
    </item>
    <item>        
        <shape android:shape="rectangle">
              <gradient android:startColor="@color/_gradient_top" android:endColor="@color/gradient_bottom" android:angle="270" />
            <stroke android:width="3dp" android:color="@color/main_text_black" />
            <corners android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
            </shape>
    </item>
</selector>

我看不到TextView打印“搜索”,但我看到渐变有效。我做错了什么?

1 个答案:

答案 0 :(得分:0)

所以这就是我这样做的方式:

  1. 我创建了一个具有相对布局的自定义控件,将布局背景设置为选择器custom_button_background.xml

  2. 在自定义控件的相对布局xml文件中添加了ImageView和TextView

  3. 添加到控件的单击侦听器

  4. 问题在于我无法看到突出显示,因为没有处理点击。

    我现在唯一的问题是ImageView有自己的高亮状态(不同的图像),也需要一个选择器。当我向其添加一个选择器时,我无法在点击时看到ImageView上的任何更改。一旦我找出问题,我将添加其余的。