6

我使用了一个可扩展的列表视图，组指示器显示在列表的右侧，在这个列表中，我的标题名称是单行，我的输出是这样的

在此处输入图像描述

在上图中，我的指标看起来不错。在下图中，我的指标看起来不太好它扩展了，为什么会发生这种情况

在此处输入图像描述

这是我的代码

    mExpandableList = (ExpandableListView)findViewById(R.id.expandable_list);
    mExpandableList.setIndicatorBounds(width - GetPixelFromDips(40), width - GetPixelFromDips(10));

xml 是

     <ExpandableListView
    android:id="@+id/expandable_list"        
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:groupIndicator="@drawable/group_indicator" />

group_indicator.xml 是

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@drawable/arrow_down"     android:state_expanded="true"/>
    <item android:drawable="@drawable/arrow_up"/>
</selector>

任何人有想法帮助这个......

4

4 回答 4

2

我以更复杂的方式解决了这个问题，但它有效：

带有可扩展列表的布局文件片段：

<ExpandableListView
  android:id="@+id/accordion"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:groupIndicator="@android:color/transparent"
  android:scrollbars="none" >
</ExpandableListView>

列表组元素的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/accordion_main_background"
    android:minHeight="50dip"
    android:orientation="vertical"
    android:padding="@dimen/screenPromoTaskRootPadding" >

    <TextView
        android:id="@+id/accordionTitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginRight="10dip"
        android:layout_toLeftOf="@+id/accordionIndicator"
        android:background="@color/accordionOrangeBackColor"
        android:paddingLeft="2dip"
        android:paddingRight="2dip"
        android:textColor="@color/blackTextColor"
        android:textSize="@dimen/accordMainTextSize" />

    <ImageView
        android:id="@+id/accordionIndicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:src="@drawable/arrow_up_np" />

</RelativeLayout>

并在活动中。adaptDataCollection 只是一个包含 ExpandableListAdapter 数据的列表。它也是 Accordion 实现的片段，因此列表组将在选择一个元素后折叠其他元素。

ExpandableListView accordion = (ExpandableListView) findViewById(R.id.accordion);
accordion.setOnGroupClickListener(this);

@Override
public boolean onGroupClick(ExpandableListView paramExpandableListView, View paramView, int paramInt, long paramLong) {
    ImageView icon=(ImageView)paramView.findViewById(R.id.accordionIndicator);
    for (int i = 0; i < adapterDataCollection.size(); i++) {
        if (i == paramInt) {
            if (paramExpandableListView.isGroupExpanded(i)) {
                paramExpandableListView.collapseGroup(i);
                icon.setImageResource(R.drawable.arrow_up_np);
            } else {
                paramExpandableListView.expandGroup(i);
                icon.setImageResource(R.drawable.arrow_down_np);
            }
        } else {
            paramExpandableListView.collapseGroup(i);
            icon.setImageResource(R.drawable.arrow_up_np);
        }
    }
    paramExpandableListView.invalidate();
    return true;
}
于 2013-04-24T13:10:53.900 回答
2

您应该使用 9 个补丁图像作为箭头。您可以参考下图。

right_arrow_9_patch_image

对于向下箭头，您可以使用下图

down_arrow_9_patch_image

不要忘记将“.9”附加到图像名称，如“ your_image_name.9.png ”

于 2018-01-05T14:41:32.813 回答
1

您可以通过 [layer-list] http://developer.android.com/guide/topics/resources/drawable-resource.html#LayerList设置指标高度 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:bottom="2dp"
        android:drawable="@drawable/shrink"
        android:top="2dp"/>

</layer-list>

选择器

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

    <item android:drawable="@drawable/layer_shrink" android:state_expanded="true"/>
于 2013-12-20T09:40:22.587 回答
0

当您在您的adapterClass 上膨胀它时，请查看您在custom_group_layout.xml 上使用的 getGroupView()视图。您的指示器的视图可能有一个 fill_parent ，这就是为什么当您分组包含更多文本行时您的项目会拉伸他的图标。

一个例子

于 2013-04-24T13:04:18.553 回答