Почему ListView остается выше TextView в диалоговом окне ListPreference?

Мне нужно создать собственный диалог ListPreference, чтобы я мог добавить некоторый текст заголовка (TextView) над списком (ListView). Я создал класс 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, макет правильный! См. оба прикрепленных изображения.

Любая идея о том, как решить эту проблему?

Макет отображается на устройстве (неверно):

Макет отображается на устройстве (неверно)

Макет, визуализированный в Eclipse (правильно):

Макет, отображаемый в Eclipse (правильно)

Редактировать с помощью решения 10.07.2013

Как следует из принятого ответа, проблема возникает из-за использования builder.setSingleChoiceItems() в ListPreference onPrepareDialogBuilder(). Я исправил это, расширив ListPreference и переопределив onCreateDialogView() для создания диалогового окна без построителя, чтобы я мог создать собственное представление, показывающее текст заголовка над элементами списка.

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>

person gpo    schedule 25.06.2013    source источник
comment
Можете ли вы добавить код, в котором вы инициализируете значения для списка? или любой код, относящийся к ListView   -  person Muzikant    schedule 08.07.2013
comment
Просто для ясности: вы пробовали: android:layout_above="@+id/list" и, возможно, android:layout_alignParentTop="true", оба в TextView из исходного dialog_preference_list.xml, верно?   -  person JaKXz    schedule 15.07.2013
comment
Потрясающий ответ! Спасибо, Муслидрик.   -  person Bitcoin Cash - ADA enthusiast    schedule 12.05.2015


Ответы (4)


Я думаю, проблема в том, как работает ListPreference. ListPreference использует Builder.setSingleChoiceItems() для создания строк с RadioButtons, и он имеет предпочтение перед пользовательским макетом, который вы пытаетесь добавить (в вашем случае TextView и ListView внутри LinearLayout. Решение вместо этого расширяет DialogPreference. Вот ссылка на GitHub, где я создал собственный DialogPreference, который делает то, что вам нужно. Я не кодировал Логика радиокнопки.

person Emmanuel    schedule 08.07.2013
comment
Спасибо за ваши предложения. Действительно, проблема возникает из-за Builder.setSingleChoiceItems(). Я исправил это, расширив ListPreference и переопределив onCreateDialogView(), чтобы не использовать построитель диалогов. Я помещу код в отдельный ответ. - person gpo; 10.07.2013
comment
Хорошо, что смог помочь. Ссылка на GitHub вам вообще помогла? - person Emmanuel; 10.07.2013

Я предполагаю, что это тематическая проблема. Попробуйте изменить тему вашего диалога внутри конструктора, сделайте что-то вроде setStyle(STYLE_NO_TITLE, R.style.AppTheme). Ваша базовая тема приложения со стилем no_title.

Если это не проблема, то это может быть связано с самим классом ListPreference. Это может быть переопределение вашего макета для согласованности в темах представлений предпочтений. Однако я не использовал ListPreference раньше, так что это просто предположение.

Можете ли вы воспроизвести тот же результат, поэкспериментировав с темами в предварительном просмотре графического макета XML?

person C.d.    schedule 08.07.2013
comment
Спасибо за ваше предложение. Однако после игры с темами оказалось, что это не проблема. - person gpo; 10.07.2013

Другой вариант, который вы можете попробовать, — добавить TextView в качестве заголовка к ListView следующим образом:

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

addHeaderView принимает View, поэтому теоретически у вас есть все, что вы хотите, чтобы быть заголовком, но я использовал только TextView.

person BC2    schedule 10.07.2013
comment
Спасибо, но addHeaderView() не работает при использовании в ListView ListPreference... - person gpo; 11.07.2013

Ссылка выше битая. В этом решении идея заключается в переопределении 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" />
person jsidera    schedule 10.12.2015