2

我想使用 2 个面板为平板电脑创建应用程序。左边一个作为菜单，右边一个作为内容演示者。事实上，我期望的行为类似于 Gmail 应用程序中的行为。

在此处输入图像描述

我目前正在使用 2 个片段。一个基本上是带有房间名称和一些按钮的 ListView。另一个（内容）包括有关所选房间的一些信息。

我在左侧面板中选择的房间应该保持突出显示 - 就像在 Gmail 应用程序中一样。我尝试了很多小时来使用选择器来实现这种效果，但失败了。

此外，我发现关于这种方法的 2 种不同意见..

1）“不要试图在触摸模式下保持焦点或选择”

2）“一般来说，使用右侧的窗格来显示有关您在左侧窗格中选择的项目的更多信息。确保保持左侧窗格中的项目处于选中状态，以便建立面板之间的关系。”

你能告诉我如何实现这一点（只是为了使所选项目与其他项目区分开来）？也许 ListView 不是这里最好的方法？

更新

感谢 Christoph Eberhardt 的回答，我创建了一个运行良好的示例项目。它可以在 github 上找到。

4

1 回答 1

3

在 res/drawable/list_item_selector.xml 中创建一个 xml 文件

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

对于列表元素，创建一个自己的 xml 文件 res/layout/list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:gravity="center_vertical"
    android:minHeight="?android:attr/listPreferredItemHeight"
    android:paddingLeft="20dp"
    android:background="@drawable/list_item_selector"
/>

然后在创建列表适配器时执行：

setListAdapter(new CustomAdapter<String>(getActivity(),
            R.layout.list_item, stringArray));

现在您所要做的就是提供可绘制对象 list_default 和 list_pressed和 list_altered

CustomAdpater 看起来像：

package com.test.listview_keep_selected;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.StateListDrawable;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class CustomAdapter<T> extends ArrayAdapter<T> {

    private Context m_cContext;

    public CustomAdapter(Context context, int textViewResourceId,
            T[] objects) {

        super(context, textViewResourceId, objects);
        this.m_cContext = context;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        final View returnView = super.getView(position, convertView, parent);
        final ListView listView  = (ListView) ((Activity) m_cContext).findViewById(R.id.listViewTest);
        returnView.setOnClickListener(new OnClickListener(
                ) {


            @Override
            public void onClick(View v) {
                for(int i = 0; i< listView.getChildCount(); i++)
                    listView.getChildAt(i).setSelected(false);
                StateListDrawable states = new StateListDrawable();
                states.addState(new int[] {android.R.attr.state_selected},
                        m_cContext.getResources().getDrawable(R.drawable.list_pressed));
                states.addState(new int[] { },
                        m_cContext.getResources().getDrawable(R.drawable.list_altered));
                v.setBackgroundDrawable(states);
                v.setSelected(true);
            }
        });
        return returnView;
    }

}

编辑：

如果你还没有它：

listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

编辑： 不要用普通的 ListView 设置选择模式，只有当你有我的代码中的 ListFragment 时才有意义

现在还不是很完美，但是从现在开始，玩了一会儿应该会没事的。

也可能有帮助的是：ListView item background via custom selector

编辑：

现在它应该可以按您的意愿工作了^^

于 2012-06-18T11:20:54.330 回答