android中的listview正常和悬停背景样式

Posted 2023-04-15

【中文标题】android中的listview正常和悬停背景样式

【英文标题】：listview normal and hover background style in android

【发布时间】：2012-10-16 08:43:18

【问题描述】：

这是我的编码部分：

listview.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="vertical">


<ListView
    android:id="@+id/list"
    android:layout_
    android:layout_
    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: 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: 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 ：

但我希望需要像这样的 o/p：

请比较两张图片上的悬停状态并给我解决方案..

【问题讨论】：

悬停时设置图片背景！

参考我的代码。我已将背景图像设置为 hove 状态。请参阅我的 gradient_bg_hover.xml 文件

【参考方案1】：

listview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    android:orientation="vertical">

    <ListView
        android:id="@+id/list"
        android:layout_
        android:layout_
        android:divider="#FFFFFF"
        android:dividerHeight="1dp"
        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">
<!-- 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

<?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

<?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>

【参考方案2】：

您没有使用焦点状态尝试使用以下代码

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--  Active tab -->
    <item android:state_selected="true" android:state_focused="false"
        android:state_pressed="false" android:drawable="@drawable/gradient_bg_hover" />
    <!--  Inactive tab -->
    <item android:state_selected="false" android:state_focused="false"
        android:state_pressed="false" android:drawable="@drawable/gradient_bg" />
    <!--  Pressed tab -->
    <item android:state_pressed="true" android:drawable="@drawable/gradient_bg_hover" />
    <!--  Selected tab (using d-pad) -->
    <item android:state_focused="true" android:state_selected="true"
        android:state_pressed="false" android:drawable="@drawable/gradient_bg_hover" />
</selector>

【讨论】：

我必须使用你的代码。现在我也只得到我当前的输出。

【参考方案3】：

迟到了，但为了其他 :)

您需要将列表视图的选择器设置为透明色

listView.setSelector(R.color.transparent);

在 color.xml 中添加以下内容

<color name="transparent">#00000000</color>

【参考方案4】：

从 gradient_bg_hover.xml 和 gradient_bg.xml 中删除填充

而是将填充放在 ListView 中，例如：

<ListView
    android:id="@+id/Sales_List"
    android:layout_
    android:layout_
    android:layout_centerHorizontal="true"
    **android:paddingLeft="6dp"
    android:paddingTop="6dp"
    android:paddingRight="6dp"
    android:paddingBottom="6dp"**
    android:dividerHeight="7dp"
    android:divider="@android:color/transparent"
    android:listSelector="@drawable/listviewselect">

它应该可以工作