Question

我需要创建一个自定义ListPreference对话框，以便我可以在List（ListView）上面添加一些标题文本（TextView）。我创建了MyListPreference类，它扩展了ListPreference并覆盖了onCreateDialogView（）：

@Override
protected View onCreateDialogView() {
    LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View v = (View) inflater.inflate(R.layout.dialog_preference_list, null);
    return v;
}

我的XML布局dialog_preference_list.xml包含：

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <ListView
        android:id="@android:id/list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawSelectorOnTop="false"
        android:scrollbarAlwaysDrawVerticalTrack="true" />

</LinearLayout>

问题：TextView显示在ListView下面而不是上面。我需要TextView在上面。我已尝试使用LinearLayout和RelativeLayout（使用“下方”或“上方”属性）但没有成功：我找不到将TextView放在ListView上方的方法...布局非常简单，我看不到为什么名单仍然高于...... 另请注意，问题出现在真实设备（Nexus 4，Android 4.2.2）和模拟器上。但是，在查看Eclipse的图形布局中呈现的布局时，布局是正确的！请参阅附图。

关于如何解决这个问题的任何想法？

在设备上呈现的布局（不正确）：

Layout rendered on the device (incorrect)

在Eclipse上呈现的布局（正确）：

Layout rendered on Eclipse (correct)

使用解决方案10.07.2013进行编辑

正如已接受的答案所示，问题来自在ListPreference的onPrepareDialogBuilder（）中使用builder.setSingleChoiceItems（）。我通过扩展ListPreference并覆盖onCreateDialogView（）来修复它，以构建没有构建器的Dialog，这样我就可以创建一个自定义视图，显示列表项上方的标题文本。

GPListPreference.java：

public class GPListPreference extends ListPreference {
    ...

    @Override
    protected void onPrepareDialogBuilder(AlertDialog.Builder builder) {
        builder.setNegativeButton(null, null);
        builder.setPositiveButton(null, null);
    }

    private int getValueIndex() {
        return findIndexOfValue(getValue());
    }

    @Override
    protected View onCreateDialogView() {
        LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        ListView lv = (ListView) inflater.inflate(R.layout.dialog_preference_list, null);

        TextView header = (TextView) inflater.inflate(R.layout.dialog_preference_list_header, null);
        header.setText(getDialogMessage()); // you should set the header text as android:dialogMessage in the preference XML
        lv.addHeaderView(header);

        ArrayAdapter<CharSequence> adapter = new ArrayAdapter<CharSequence>(getContext(), R.layout.dialog_preference_list_singlechoice, getEntries());
        lv.setAdapter(adapter);

        lv.setClickable(true);
        lv.setEnabled(true);
        lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
        lv.setItemChecked(getValueIndex() + 1, true);
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                setValueIndex(position - 1);
                getDialog().dismiss();
            }
        });

        return lv;
    }
}

dialog_preference_list.xml：

<?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawSelectorOnTop="false"
    android:scrollbarAlwaysDrawVerticalTrack="true" />

dialog_preference_list_singlechoice.xml

<?xml version="1.0" encoding="utf-8"?>
<CheckedTextView 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:checkMark="?android:attr/listChoiceIndicatorSingle"
    android:ellipsize="marquee"
    android:gravity="center_vertical"
    android:minHeight="?android:attr/listPreferredItemHeight"
    android:paddingBottom="2dip"
    android:paddingLeft="10dip"
    android:paddingRight="10dip"
    android:paddingTop="2dip"
    android:textAppearance="?android:attr/textAppearanceMedium" />

dialog_preference_list_header.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dip"
    android:textAppearance="?android:attr/textAppearanceSmall">

</TextView>

Answer 1

我认为问题在于ListPreference的工作方式。 ListPreference使用Builder.setSingleChoiceItems（）来创建具有RadioButtons的行，并且它优先于您尝试添加的自定义布局（在您的情况下，在LinearLayout中使用TextView和ListView。解决方案是扩展DialogPreference。{{ 3}}是一个指向GitHub的链接，我在其中创建了一个自定义的DialogPreference，它可以满足您的需要。我还没有编写RadioButton逻辑。

Answer 2

我想这是一个主题问题。尝试在构造函数中更改对话框的主题，使其类似于setStyle(STYLE_NO_TITLE, R.style.AppTheme)。您的基本应用主题，no_title风格。

如果这不是问题，那么它可能与ListPreference类本身有关。它可能会覆盖您的布局，以便在首选项视图中保持一致性。但是，我之前没有使用ListPreference，所以只是猜测。

您可以通过在XML图形布局预览中使用主题来重现相同的结果吗？

Answer 3

您可以尝试的其他选项是将TextView作为标题添加到ListView，如下所示：

TextView textView = new TextView(getActivity());
ListView listView = new ListView(getActivity());
listView.addHeaderView(textView);

addHeaderView需要一个View，所以理论上您有任何想要成为标题的内容，但我只使用了TextView。

Answer 4

上面的链接已损坏。在这个解决方案中，这个想法是覆盖ListPreference，并使用ListPreference上定义的数据来扩展您自己的列表视图。

@Override
protected View onCreateDialogView() {

    LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    ListView lv = new ListView(getContext());

    // Inflate the view into the header only if a message was set
    if (getDialogMessage() != null && ! getDialogMessage().equals("") ) {

        TextView header = (TextView) inflater.inflate(R.layout.dialog_preference_list_header, null);
        header.setText(getDialogMessage());
        lv.addHeaderView(header, null, false);

    }

    // Create a new adapter and a list view and feed it with the ListPreference entries
    ArrayAdapter<CharSequence> adapter = new ArrayAdapter<CharSequence>(getContext(),
            R.layout.custom_dialog_single_choice_list_adapter, getEntries());

    lv.setAdapter(adapter);
    lv.setClickable(true);
    lv.setEnabled(true);
    lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
    lv.setItemChecked(getValueIndex() + 1, true);
    lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            setValueIndex(position - 1);
            getDialog().dismiss();
        }
    });
    return lv;
}

另一个重要的事情是调用onPrepareDialogBuilder而不是调用super。这样可以避免列表视图出现两次。

@Override
protected void onPrepareDialogBuilder(AlertDialog.Builder builder) {
    // Not calling super, to avoid having 2 listviews

    // Set the positive button as null
    builder.setPositiveButton(null, null);
}

private int getValueIndex() {
    return findIndexOfValue(getValue());
}

其中dialog_preference_list_header在我的情况下只是一个TestView，但它可能是一个更复杂的视图，custom_dialog_single_choice_list_adapter可能是这样的：

<?xml version="1.0" encoding="utf-8"?>
<CheckedTextView 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:checkMark="?android:attr/listChoiceIndicatorSingle"
    android:ellipsize="marquee"
    android:gravity="center_vertical"
    android:minHeight="?android:attr/listPreferredItemHeight"
    android:paddingBottom="2dip"
    android:paddingLeft="10dip"
    android:paddingRight="10dip"
    android:paddingTop="2dip"
    android:textAppearance="?android:attr/textAppearanceMedium" />

为什么ListView在ListPreference对话框中保持在TextView之上？

4 个答案: