我可以使用带有LinearLayout的selector drawable来表示不同的状态吗?

时间:2011-07-17 04:13:19

标签: android css-selectors state drawable

我有一个自定义组件,它是LinearLayout + ImageViewx2 + TextView的组合。自定义组件是可点击的,我想显示给用户点击它时通过闪烁橙色背景类似于按钮的视觉反馈。我创建了以下drawable,希望根据组件的内部状态使用不同的样式。这是可绘制的:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:state_pressed="true" android:drawable="@drawable/sunshine_gradient" />
   <item android:state_focused="true" android:drawable="@drawable/winter_background" />
   <item android:drawable="@drawable/component_background" />
</selector>

我还定义了一个引用drawable的样式:

<style name="navigation_item" parent="android:Theme.Dialog">
    <item name="android:background">@drawable/navigation_item</item>
</style>

然后使用:

将其分配给组件
<?xml version="1.0" encoding="utf-8"?>

<merge xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_height="wrap_content"
   android:layout_width="fill_parent"
   android:padding="5dp"
   android:orientation="horizontal"
   android:clickable="true"
   style="@style/navigation_item">

<ImageView android:id="@+id/navigationIcon"
           android:layout_height="wrap_content"
           android:layout_width="wrap_content"
           android:layout_marginRight="5dp"/>

<TextView android:id="@+id/navigationTitle"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:gravity="center_vertical"
          android:layout_weight="1.0"
          android:singleLine="true"
          style="@style/favoriteTitle"
          android:layout_marginRight="5dp"/>

<ImageView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:src="@drawable/right_arrow"/>
</merge>

我的组件代码是:

public class NavigationItem extends LinearLayout {

public NavigationItem(Context context, AttributeSet attrs) {
    super(context, attrs);
    setOrientation(HORIZONTAL);
    setGravity(Gravity.CENTER);
    setWeightSum(1.0f);
    setClickable(true);

    LayoutInflater.from(context).inflate(R.layout.navigation_item, this, true);

    TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.NavigationItem, 0, 0 );

    String title = array.getString(R.styleable.NavigationItem_title);
    if( title == null ) title = "";
    ((TextView)findViewById(R.id.navigationTitle)).setText(title);

    Drawable icon = array.getDrawable(R.styleable.NavigationItem_icon);
    if( icon != null ) {
        ((ImageView)findViewById(R.id.navigationIcon)).setImageDrawable(icon);
    }

    array.recycle();
}

}

看起来组件正在拾取drawable,因为它默认具有@ drawable / component_background。单击它时它不起作用。我没有看到状态改变为按下或聚焦。这可以在默认的LinearLayout上完成吗?

1 个答案:

答案 0 :(得分:1)

看起来我自己会回答这个问题。原来,merge标签无法在该标签上指定样式属性。因此,通过在XML或代码中指定NavigationItem的使用样式,可以解决所有问题。