android中的listview正常和悬停背景样式 [英] listview normal and hover background style in android
本文介绍了android中的listview正常和悬停背景样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的编码部分:
listview.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:divider="#FFFFFF"
android:dividerHeight="7dp"
android:layout_weight="1"
android:listSelector="@drawable/list_selector" />
</LinearLayout>
list_selector.xml 文件:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_selected="false"
android:state_pressed="false"
android:drawable="@drawable/gradient_bg" />
<item android:state_pressed="true"
android:drawable="@drawable/gradient_bg_hover" />
<item android:state_selected="true"
android:state_pressed="false"
android:drawable="@drawable/gradient_bg_hover" />
</selector>
gradient_bg.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#e8eef4"
android:centerColor="#fdfdfd"
android:endColor="#d3dfe8"
android:angle="270" />
<stroke android:width="1dp" android:color="#b7ccdd" />
<padding android:left="6dp" android:top="6dp" android:right="6dp"
android:bottom="6dp" />
<margin android:left="15dp" android:top="15dp" android:right="15dp"
android:bottom="15dp" />
<corners android:radius="4dp" />
</shape>
gradient_bg_hover.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#ffe181"
android:centerColor="#f5cd4a"
android:endColor="#e8c34e"
android:angle="270" />
<stroke android:width="1dp" android:color="#e3b52c" />
<padding android:left="6dp" android:top="6dp" android:right="6dp"
android:bottom="6dp" />
<margin android:left="15dp" android:top="15dp" android:right="15dp"
android:bottom="15dp" />
<corners android:radius="4dp" />
</shape>
在这里我得到了 o/p :
Here i got the o/p :
但我希望需要像这样的 o/p:
But i wish to need the o/p like:
请比较两个图像上的悬停状态,并为此提供解决方案..
please compare the hover state on both images and give me solution for this..
推荐答案
listview.xml
listview.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:divider="#FFFFFF"
android:dividerHeight="1dp"
android:listSelector="@drawable/list_selector" />
</LinearLayout>
list_selector.xml
list_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Selector style for listrow -->
<item
android:state_selected="false"
android:state_pressed="false"
android:drawable="@drawable/gradient_bg" />
<item android:state_pressed="true"
android:drawable="@drawable/gradient_bg_hover" />
<item android:state_selected="true"
android:state_pressed="false"
android:drawable="@drawable/gradient_bg_hover" />
</selector>
gradient_bg.xml
gradient_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- Gradient Bg for listrow -->
<gradient
android:startColor="#f1f1f2"
android:centerColor="#e7e7e8"
android:endColor="#cfcfcf"
android:angle="270" />
</shape>
gradient_bg_hover.xml
gradient_bg_hover.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- Gradient BgColor for listrow Selected -->
<gradient
android:startColor="#18d7e5"
android:centerColor="#16cedb"
android:endColor="#09adb9"
android:angle="270" />
</shape>
这篇关于android中的listview正常和悬停背景样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文