2

2 つのパネルを使用してタブレット用のアプリケーションを作成したいと考えています。左はメニュー、右はコンテンツ プレゼンターです。実際、私が期待する動作は Gmail アプリのものと似ています。

ここに画像の説明を入力

私は現在2つのフラグメントを使用しています。1 つは基本的に、部屋名といくつかのボタンを含む ListView です。もう 1 つのコンテンツ (コンテンツ) には、選択した部屋に関する情報が含まれています。

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 アイテムの背景です。

編集：

これで思い通りに動くはずです^^

于 2012-06-18T11:20:54.330 に答える