각 행마다 다른 레이아웃의 Android ListView

각 행마다 다른 레이아웃의 Android ListView

---

각 행에 대해 다른 레이아웃을 포함하는 단일 ListView를 갖는 가장 좋은 방법을 결정하려고합니다. 전체 목록보기에 대해 사용자 정의 행을 지원하기 위해 사용자 정의 행 + 사용자 정의 배열 어댑터를 만드는 방법을 알고 있지만 ListView에서 다양한 행 스타일을 어떻게 구현할 수 있습니까?

---

레이아웃 유형이 몇 개인 지 알고 있으므로 이러한 방법을 사용할 수 있습니다.

getViewTypeCount() -이 메소드는 목록에 몇 개의 행 유형이 있는지에 대한 정보를 리턴합니다.

getItemViewType(int position) -위치에 따라 사용해야하는 레이아웃 유형 정보를 반환합니다.

그런 다음 null 인 경우에만 레이아웃을 팽창시키고을 사용하여 유형을 결정하십시오 getItemViewType.

자세한 내용 은 이 자습서 를 참조하십시오.

주석에서 설명 한 구조에서 일부 최적화를 달성하려면 다음을 제안합니다.

• 라는 객체에 뷰를 저장합니다 ViewHolder. findViewById()매번 getView메서드 를 호출 할 필요가 없으므로 속도가 증가 합니다. API 데모의 List14를 참조하십시오 .
• 모든 속성 조합을 따르는 하나의 일반 레이아웃을 만들고 현재 위치에없는 경우 일부 요소를 숨 깁니다.

도움이 되길 바랍니다. 데이터 구조와 XML 스텁을 제공하여 행에 정확히 매핑하려는 방법을 알려면 더 정확한 조언을 줄 수 있습니다. 픽셀 단위.

---

전체 목록보기에 대해 사용자 정의 행을 지원하기 위해 사용자 정의 행 + 사용자 정의 배열 어댑터를 만드는 방법을 알고 있습니다. 그러나 하나의 목록보기가 다양한 행 스타일을 어떻게 지원할 수 있습니까?

당신은 이미 기본을 알고 있습니다. 제공된 행 / 커서 정보에 따라 다른 레이아웃 / 뷰를 반환하도록 사용자 정의 어댑터를 가져와야합니다.

A ListView는 AdapterView 에서 파생되므로 여러 행 스타일을 지원할 수 있습니다 .

AdapterView는 하위 항목이 어댑터에 의해 결정되는 보기 입니다.

Adapter 를 보면 행별보기 사용을 설명하는 메소드가 표시됩니다.

abstract int getViewTypeCount()
// Returns the number of types of Views that will be created ...

abstract int getItemViewType(int position)
// Get the type of View that will be created ...

abstract View getView(int position, View convertView, ViewGroup parent)
// Get a View that displays the data ...

후자의 두 가지 방법 은 위치를 제공 하므로 해당 행에 사용해야하는 뷰 유형 을 결정할 수 있습니다 .

---

물론, 일반적으로 AdapterView 및 Adapter를 직접 사용하지 않고 서브 클래스 중 하나에서 사용하거나 파생합니다. Adapter의 서브 클래스는 다른 행에 대한 사용자 정의 레이아웃을 얻는 방법을 변경하는 추가 기능을 추가 할 수 있습니다. 주어진 행에 사용 된보기는 어댑터에 의해 구동되므로, 어댑터가 주어진 행에 대해 원하는보기를 리턴하도록하는 것이 요령입니다. 이를 수행하는 방법은 특정 어댑터에 따라 다릅니다.

예를 들어, 사용하는 ArrayAdapter와를 ,

• getView()지정된 위치에 대해 원하는 뷰를 팽창시키고 채우고 반환하려면 재정의 합니다. 이 getView()방법에는 convertView매개 변수 를 통한 기회 재사용보기가 포함됩니다 .

그러나 파생 상품 사용 CursorAdapter를 ,

• 우선 newView(), 팽창 채우기, 현재 커서 상태에 대해 원하는보기 (즉, 현재 "행")을 반환하는 [당신은 또한 재정의해야 bindView하므로 위젯 뷰를 재사용 할 수 있음]

그러나 사용하는 SimpleCursorAdapter를 ,

• 주어진 행 (현재 커서 상태) 및 데이터 "열"에 대해 원하는 뷰를 팽창, 채우기 및 반환 SimpleCursorAdapter.ViewBinder하는 setViewValue()메소드를 사용하여 를 정의합니다 . 이 메소드는 "특별한"뷰만 정의하고 "정상"바인딩에 대한 SimpleCursorAdapter의 표준 동작을 지연시킬 수 있습니다.

사용하는 어댑터 종류에 대한 특정 예제 / 자습서를 찾아보십시오.

---

아래 코드를 살펴보십시오.

먼저 커스텀 레이아웃을 만듭니다. 이 경우 네 가지 유형이 있습니다.

even.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ff500000"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/white"
        android:layout_width="match_parent"
        android:layout_gravity="center"
        android:textSize="24sp"
        android:layout_height="wrap_content" />

 </LinearLayout>

odd.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ff001f50"
    android:gravity="right"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/white"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:textSize="28sp"
        android:layout_height="wrap_content"  />

 </LinearLayout>

white.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ffffffff"
    android:gravity="right"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/black"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:textSize="28sp"
        android:layout_height="wrap_content"   />

 </LinearLayout>

black.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ff000000"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/white"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:textSize="33sp"
        android:layout_height="wrap_content"   />

 </LinearLayout>

그런 다음 목록보기 항목을 만듭니다. 우리의 경우, 문자열과 타입.

public class ListViewItem {
        private String text;
        private int type;

        public ListViewItem(String text, int type) {
            this.text = text;
            this.type = type;
        }

        public String getText() {
            return text;
        }

        public void setText(String text) {
            this.text = text;
        }

        public int getType() {
            return type;
        }

        public void setType(int type) {
            this.type = type;
        }

    }

그런 다음 뷰 홀더를 만듭니다. Android OS는 레이아웃 참조를 유지하여 항목이 사라지고 화면에 다시 나타날 때 항목을 재사용 할 것을 권장합니다. 이 방법을 사용하지 않으면 항목이 화면에 나타날 때마다 Android OS에서 새 항목을 생성하여 앱에서 메모리 누수가 발생합니다.

public class ViewHolder {
        TextView text;

        public ViewHolder(TextView text) {
            this.text = text;
        }

        public TextView getText() {
            return text;
        }

        public void setText(TextView text) {
            this.text = text;
        }

    }

마지막으로 getViewTypeCount () 및 getItemViewType (int position)을 재정의하는 사용자 지정 어댑터를 만듭니다.

public class CustomAdapter extends ArrayAdapter {

        public static final int TYPE_ODD = 0;
        public static final int TYPE_EVEN = 1;
        public static final int TYPE_WHITE = 2;
        public static final int TYPE_BLACK = 3;

        private ListViewItem[] objects;

        @Override
        public int getViewTypeCount() {
            return 4;
        }

        @Override
        public int getItemViewType(int position) {
            return objects[position].getType();
        }

        public CustomAdapter(Context context, int resource, ListViewItem[] objects) {
            super(context, resource, objects);
            this.objects = objects;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            ViewHolder viewHolder = null;
            ListViewItem listViewItem = objects[position];
            int listViewItemType = getItemViewType(position);


            if (convertView == null) {

                if (listViewItemType == TYPE_EVEN) {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_even, null);
                } else if (listViewItemType == TYPE_ODD) {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_odd, null);
                } else if (listViewItemType == TYPE_WHITE) {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_white, null);
                } else {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_black, null);
                }

                TextView textView = (TextView) convertView.findViewById(R.id.text);
                viewHolder = new ViewHolder(textView);

                convertView.setTag(viewHolder);

            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }

            viewHolder.getText().setText(listViewItem.getText());

            return convertView;
        }

    }

우리의 활동은 다음과 같습니다.

private ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main); // here, you can create a single layout with a listview

        listView = (ListView) findViewById(R.id.listview);

        final ListViewItem[] items = new ListViewItem[40];

        for (int i = 0; i < items.length; i++) {
            if (i == 4) {
                items[i] = new ListViewItem("White " + i, CustomAdapter.TYPE_WHITE);
            } else if (i == 9) {
                items[i] = new ListViewItem("Black " + i, CustomAdapter.TYPE_BLACK);
            } else if (i % 2 == 0) {
                items[i] = new ListViewItem("EVEN " + i, CustomAdapter.TYPE_EVEN);
            } else {
                items[i] = new ListViewItem("ODD " + i, CustomAdapter.TYPE_ODD);
            }
        }

        CustomAdapter customAdapter = new CustomAdapter(this, R.id.text, items);
        listView.setAdapter(customAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView adapterView, View view, int i, long l) {
                Toast.makeText(getBaseContext(), items[i].getText(), Toast.LENGTH_SHORT).show();
            }
        });

    }
}

이제 mainactivity.xml 안에 다음과 같이 목록보기를 만듭니다.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.example.shivnandan.gygy.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <ListView
        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:id="@+id/listView"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"


        android:layout_marginTop="100dp" />

</android.support.design.widget.CoordinatorLayout>

---

사용자 정의 배열 어댑터에서는 익숙한 getView () 메소드를 대체합니다. 그런 다음 getView 메소드에 전달 된 위치 인수에 따라 switch 문 또는 if 문을 사용하여 특정 사용자 정의보기를 리턴하기 만하면됩니다. 안드로이드는 위치 / 행에 적합한 유형의 convertView 만 제공한다는 점에서 영리합니다. 올바른 유형인지 확인하지 않아도됩니다. getItemViewType () 및 getViewTypeCount () 메소드를 적절하게 대체하여 Android에 도움을 줄 수 있습니다.

---

목록보기에 다른 유형의보기를 표시 해야하는 경우보기를 전환하지 않고 어댑터에서 getViewTypeCount () 및 getItemViewType ()을 사용하는 것이 좋습니다 VIEW.GONE 및 VIEW.VISIBLE은 getView () 내부에서 매우 비싼 작업 일 수 있습니다 목록 스크롤에 영향을줍니다.

어댑터에서 getViewTypeCount () 및 getItemViewType ()을 사용하려면이 항목을 확인하십시오.

링크 : get-use-of-getviewtypecount

---

ListView는 모든 행 항목에 대해 동일한 정적보기와 같은 간단한 사용 사례를위한 것입니다.
ViewHolders를 작성하고을 많이 사용 getItemViewType()하고 다른 행 항목 레이아웃 xml을 동적으로 표시해야하므로 Android API 22에서 사용 가능한 RecyclerView 를 사용하여이를 수행해야 합니다. 여러보기 유형에 대해 더 나은 지원 및 구조를 제공합니다.

RecyclerView를 사용하여 원하는 것을 수행하는 방법에 대한 이 자습서 를 확인하십시오 .

참고 URL : https://stackoverflow.com/questions/4777272/android-listview-with-different-layouts-for-each-row