Android: макет представления списка для отображения отчета

Question

Мне нужно создать представление списка, чтобы отобразить отчет, который будет содержать заголовок списка с рамкой, а под ним будет представление списка, ссылка на изображение объяснит вас лучше, также обратите внимание на горизонтальные границы! здесь

Спасибо.

Answer 1

1. Создание XML-макета для ячейки
2. Создание XML-макета для строки
3. Создание XML-макета, в котором вы определяете строку (для заголовка) и ListView нижеэто 3.a.В качестве альтернативы вы можете использовать метод addHeaderView (View v) в ListView
4. Создать пользовательский адаптер и переопределить метод getView.Проверьте, если для каждой другой строки (позиция% 2 == 0) и измените цвет строки

Я сделал пример проекта, вы можете скачать его с формы здесь .

1.) Создайте XML-макет для ячейки

res / layout / cell.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingLeft="4dp"
    android:background="@drawable/item_light_bg"
  />

Если вы хотите, чтобы ваши строки имели одинаковую ширину, укажите layout_width ="0dp" и layout_weight = "1".

2.) Создайте XML-макет для строки

res / layout / list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
<include
    android:id="@+id/firstCol"
    layout="@layout/cell"
  />
<include
    android:id="@+id/secondCol"
    layout="@layout/cell"
  />
<include
    android:id="@+id/thirdCol"
    layout="@layout/cell"
  />
<include
    android:id="@+id/fourthCol"
    layout="@layout/cell"
  />
<include
    android:id="@+id/fifthCol"
    layout="@layout/cell"
  />
</LinearLayout>

3.) Создайте макет XML, в котором вы определяете строку (для заголовка) и ListView ниже, что

res / layout / main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
<include
        android:id="@+id/header"
        layout="@layout/list_item"
    />
<ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
    />
</LinearLayout>

4.) Создайте пользовательский адаптер ипереопределить метод getView.Проверьте, для каждой ли другой строки (позиция% 2 == 0) и измените цвет строки

public class MyAdapter extends SimpleAdapter {
    ...
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        LinearLayout v = (LinearLayout)super.getView(position, convertView, parent);
        if (position % 2 == 0)
            v.setBackgroundColor(Color.rgb(0, 0, 55));
        else
            v.setBackgroundColor(Color.rgb(22, 22, 88));
        return v;
    }
    ...

Кроме того, вы можете захотеть, чтобы ваш ListView был статическим (например, не активируемым и не выбираемым).Для этого переопределите метод isEnabled в вашем адаптере.

@Override
public boolean isEnabled(int position) {
    return false;
}