我刚刚开始进行 Android 开发,并试图获得一个“卡片 UI”样式的 ListView,它也使用 Contextual Action Bar突出显示要删除的多个项目等。我只想在选择项目时将背景颜色更改为蓝色。
我设法使用图层列表获得了我想要的外观,但我无法以优雅的方式在选择等时更改背景颜色。据我了解,我需要为此使用可绘制的“选择器”吗?但是当我使用它时,我不再知道如何获得卡片 UI 的外观。
这是我希望它的外观,并且能够在选中时将背景更改为蓝色。
这是我对选择器可绘制对象所做的,从功能上讲,就能够在选择时更改背景颜色而言,这很好,但是您可以看到它看起来不对。我只需要像上图那样底部的灰色。
list_item.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="?android:attr/listPreferredItemHeight">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"
android:background="@drawable/card_background">
<ImageView
android:id="@+id/list_image"
android:layout_width="50dip"
android:layout_height="50dip"
android:src="@drawable/horse_image"
android:scaleType="centerCrop" />
<TextView
android:id="@+id/horse_name"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_gravity="left|center_vertical"
android:textSize="20dip"
android:layout_marginLeft="10dip"
android:text="@string/loading_horses" />
</LinearLayout>
</FrameLayout>
card_background.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:bottom="2dp">
<shape
android:shape="rectangle"
android:dither="true">
<stroke android:width="5dp" android:color="#FFDDDDDD" />
<corners android:radius="2dp" />
<solid android:color="@android:color/white" />
<padding
android:bottom="8dp"
android:left="8dp"
android:right="8dp"
android:top="8dp" />
</shape>
</item>
<item android:state_activated="true" android:bottom="2dp">
<shape
android:shape="rectangle"
android:dither="true">
<stroke android:width="5dp" android:color="#FFDDDDDD" />
<corners android:radius="2dp" />
<solid android:color="@android:color/holo_blue_light" />
<padding
android:bottom="8dp"
android:left="8dp"
android:right="8dp"
android:top="8dp" />
</shape>
</item>
<item android:bottom="2dp">
<shape
android:shape="rectangle"
android:dither="true">
<stroke android:width="5dp" android:color="#FFDDDDDD" />
<corners android:radius="2dp" />
<solid android:color="@android:color/white" />
<padding
android:bottom="8dp"
android:left="8dp"
android:right="8dp"
android:top="8dp" />
</shape>
</item>
</selector>
Best Answer-推荐答案 strong>
background_pressed.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle"
android:dither="true">
<corners android:radius="2dp"/>
<solid android:color="#CCC" />
</shape>
</item>
<item android:bottom="2dp">
<shape android:shape="rectangle"
android:dither="true">
<corners android:radius="2dp" />
<solid android:color="#22000000" />
<padding android:bottom="6dp"
android:left="4dp"
android:right="4dp"
android:top="4dp" />
</shape>
</item>
</layer-list>
背景.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle"
android:dither="true">
<corners android:radius="2dp"/>
<solid android:color="#CCC" />
</shape>
</item>
<item android:bottom="2dp">
<shape android:shape="rectangle"
android:dither="true">
<corners android:radius="2dp" />
<solid android:color="#FFF" />
<padding android:bottom="6dp"
android:left="4dp"
android:right="4dp"
android:top="4dp" />
</shape>
</item>
</layer-list>
list_item_background.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/background_pressed" android:state_activated="true"/>
<item android:drawable="@drawable/background_pressed" android:state_checked="true"/>
<item android:drawable="@drawable/background_pressed" android:state_selected="true"/>
<item android:drawable="@drawable/background_pressed" android:state_pressed="true"/>
<item android:drawable="@drawable/background_pressed" android:state_active="true"/>
<item android:drawable="@drawable/background"/>
</selector>
为您的列表项添加一些填充并将 list_item_background 应用为列表项背景。
关于带有上下文操作栏的 Android Card UI 样式 ListView?,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/19966101/
|