android LinearLayout中的自定义背景

时间:2012-12-06 10:42:27

标签: android android-layout android-linearlayout

我使用线性布局并将drawable xml设置为背景。用户点击后此背景应更改。这是代码和可绘制的xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/user_row_layout"
android:background="@drawable/row_background"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/user_row_textlayout"
    android:background="@drawable/row_background"
    android:layout_weight="0.5"
    android:orientation="vertical"
    android:layout_gravity="left"
    android:padding="5dp"
    android:paddingLeft="10dip" >

    <TextView
        android:id="@+id/displayName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:textColor="@drawable/tab_text_selector"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/user_speciality_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/displayName"
        android:textColor="@drawable/tab_text_selector" />
</RelativeLayout>

    <ImageView
        android:id="@+id/call_image_button"
        android:layout_width="100dip"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:src="@drawable/user_list_call_button"
        android:contentDescription="@string/call_contact" />

</LinearLayout>

这是row_background

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:state_pressed="true" android:drawable="@color/my_green" /> 
<item android:state_focused="true" android:drawable="@color/my_green" />
<item android:state_selected="true" android:drawable="@color/my_green" />
<item android:drawable="@color/white" /> 
</selector>

但是,如果我在元素(例如:相对布局)中放置相同的“@ drawable / row_background”,它就像魅力一样。但是我希望整个行的背景都能改变。当我把它放在外面时,即使对于相对布局部分,背景也​​不会改变。我错过了一些明显的东西吗?我使用的图像也是透明图像。 谢谢你的时间。

2 个答案:

答案 0 :(得分:0)

感谢大家的时间和投入。我删除了嵌套布局并将整个代码放在一个相对布局中以使其工作。但是,我想知道(对于人类的一般好处)关于嵌套布局的一些问题。是像LinearBayout这样的'ViewGroup'不会影响子视图组(本例中为RelativeLayout),与子视图'View'相同吗?

答案 1 :(得分:-1)

您可以尝试以下代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/user_row_layout"
android:background="@color/white"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/user_row_textlayout"
android:background="@color/white"
android:layout_weight="0.5"
android:orientation="vertical"
android:layout_gravity="left"
android:padding="5dp"
android:paddingLeft="10dip" >

<TextView
    android:id="@+id/displayName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:textColor="@drawable/tab_text_selector"
    android:textStyle="bold" />

<TextView
    android:id="@+id/user_speciality_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/displayName"
    android:textColor="@drawable/tab_text_selector" />
</RelativeLayout>

<ImageView
    android:id="@+id/call_image_button"
    android:layout_width="100dip"
    android:layout_height="wrap_content"
    android:layout_weight="0.25"
    android:src="@drawable/user_list_call_button"
    android:contentDescription="@string/call_contact" />

</LinearLayout>

然后,在您的java文件中,您可以将onClickListener设置为相对和线性布局

private OnClickListener relative = new OnClickListener() {

    @Override
    public void onClick(View v) {
        //change color
    }

};

private OnClickListener Layout = new OnClickListener() {

    @Override
    public void onClick(View v) {
                //change color
    }
};