একটি স্ক্রোলভিউ বিন্যাসের ভিতরে লিনিয়ারলআউট পূরণ করতে একটি তালিকাআডাপ্টার ব্যবহার করা

Question 1

আমি খুব সাধারণ সমস্যার মুখোমুখি হয়েছি: আমি একটি ক্রিয়াকলাপ প্রকাশ করেছি এবং এখন দেখা যাচ্ছে এটি এর মধ্যে কয়েকটি আইটেম প্রদর্শন করা উচিত ScrollView। এটি করার স্বাভাবিক উপায় হ'ল বিদ্যমানটি ব্যবহার করা ListAdapter, এটির সাথে সংযোগ স্থাপন করা ListViewএবং আমার কাছে আইটেমের তালিকা থাকত O

কিন্তু আপনি একটি নেস্টেড স্থাপন উচিত নয় ListViewএকটি ScrollViewএমনকি Android লিন্ট এটি সম্পর্কে অভিযোগ - এটা স্ক্রলিং আপ স্ক্রু হিসাবে।

সুতরাং এখানে আমার প্রশ্ন:

আমি কীভাবে ListAdapterএকটি LinearLayoutবা অনুরূপ কিছুতে সংযুক্ত করব ?

আমি জানি এই সমাধানটি অনেকগুলি আইটেমের জন্য স্কেল করবে না তবে আমার তালিকাগুলি খুব ছোট (<10 আইটেম) তাই ভিউগুলি পুনরায় ব্যবহারের প্রয়োজন হয় না। পারফরম্যান্স অনুসারে আমি সমস্ত দর্শন সরাসরি মধ্যে রেখেই বেঁচে থাকতে পারি LinearLayout।

আমি যে সমাধানটি নিয়ে এসেছি তা হ'ল আমার বিদ্যমান ক্রিয়াকলাপের বিন্যাসটি এর শিরোনামদ্বার অংশে রাখুন ListView। তবে এটি এই প্রক্রিয়াটিকে অপব্যবহারের মতো অনুভব করে তাই আমি একটি পরিষ্কার সমাধানের সন্ধান করি।

ধারনা?

আপডেট: সঠিক দিকটি অনুপ্রাণিত করার জন্য আমি আমার সমস্যাটি দেখানোর জন্য একটি নমুনা বিন্যাস যুক্ত করেছি:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/news_detail_layout"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:orientation="vertical"
              android:visibility="visible">


    <ScrollView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#FFF"
            >

        <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical"
                android:paddingLeft="@dimen/news_detail_layout_side_padding"
                android:paddingRight="@dimen/news_detail_layout_side_padding"
                android:paddingTop="@dimen/news_detail_layout_vertical_padding"
                android:paddingBottom="@dimen/news_detail_layout_vertical_padding"
                >

            <TextView
                    android:id="@+id/news_detail_date"
                    android:layout_height="wrap_content"
                    android:layout_width="fill_parent"
                    android:gravity="center_horizontal"
                    android:text="LALALA"
                    android:textSize="@dimen/news_detail_date_height"
                    android:textColor="@color/font_black"
                    />

            <Gallery
                    android:id="@+id/news_detail_image"
                    android:layout_height="wrap_content"
                    android:layout_width="fill_parent"
                    android:paddingTop="5dip"
                    android:paddingBottom="5dip"
                    />

            <TextView
                    android:id="@+id/news_detail_headline"
                    android:layout_height="wrap_content"
                    android:layout_width="fill_parent"
                    android:gravity="center_horizontal"
                    android:text="Some awesome headline"
                    android:textSize="@dimen/news_detail_headline_height"
                    android:textColor="@color/font_black"
                    android:paddingTop="@dimen/news_detail_headline_paddingTop"
                    android:paddingBottom="@dimen/news_detail_headline_paddingBottom"
                    />

            <TextView
                    android:id="@+id/news_detail_content"
                    android:layout_height="wrap_content"
                    android:layout_width="fill_parent"
                    android:text="Here comes a lot of text so the scrollview is really needed."
                    android:textSize="@dimen/news_detail_content_height"
                    android:textColor="@color/font_black"
                    />

            <!---
                HERE I NEED THE LIST OF ITEMS PROVIDED BY THE EXISTING ADAPTER. 
                They should be positioned at the end of the content, so making the scrollview smaller is not an option.
            ---->                        

        </LinearLayout>
    </ScrollView>
</LinearLayout>

আপডেট 2 আমি বুঝতে সহজ করার জন্য শিরোনামটি পরিবর্তন করেছি (একটি ডাউনওয়েট পেয়েছি, দোহ!)।

Question 2

আপনার সম্ভবত সম্ভবত নিজের আইটেমগুলিতে ম্যানুয়ালি যুক্ত করা উচিত LinearLayout:

LinearLayout layout = ... // Your linear layout.
ListAdapter adapter = ... // Your adapter.

final int adapterCount = adapter.getCount();

for (int i = 0; i < adapterCount; i++) {
  View item = adapter.getView(i, null, null);
  layout.addView(item);
}

সম্পাদনা : যখন আমি প্রায় 200 অ-তুচ্ছ তালিকার আইটেমগুলি প্রদর্শন করার দরকার পড়েছিলাম তখন আমি এই পদ্ধতিটি প্রত্যাখ্যান করেছি, এটি খুব ধীর - নেক্সাস 4 আমার "তালিকা" প্রদর্শন করতে প্রায় 2 সেকেন্ডের প্রয়োজন ছিল, এটি অগ্রহণযোগ্য ছিল। সুতরাং আমি শিরোলেখগুলির সাথে ফ্লোর পদ্ধতির দিকে ফিরলাম। এটি অনেক দ্রুত কাজ করে কারণ যখন ব্যবহারকারী স্ক্রোল করে তখন ভিউ তৈরি হওয়ার সময় তালিকার ভিউগুলি চাহিদা অনুযায়ী তৈরি করা হয়।

পুনঃসূচনা: বিন্যাসে দর্শনগুলির ম্যানুয়াল সংযোজন কোড করা সহজ (সুতরাং সম্ভাব্যভাবে কম চলমান অংশ এবং বাগগুলি) তবে পারফরম্যান্স সমস্যা থেকে ভোগেন, সুতরাং আপনার যদি 50 টি মতামত বা তার বেশি পছন্দ হয় তবে আমি হেডার পদ্ধতির ব্যবহারের পরামর্শ দিই।

উদাহরণ। মূলত ক্রিয়াকলাপ (বা টুকরা) লেআউটটি এমন কিছুতে রূপান্তরিত হয় (কোনও স্ক্রোলভিউয়ের দরকার নেই):

<ListView xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/my_top_layout"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"/>

তারপরে onCreateView()(আমি একটি খণ্ডের সাথে উদাহরণ ব্যবহার করব) আপনাকে একটি শিরোনাম দর্শন যোগ করতে হবে এবং তারপরে একটি অ্যাডাপ্টার সেট করতে হবে (আমি অনুমান করি শিরোনাম সংস্থান আইডিটি রয়েছে header_layout):

ListView listView = (ListView) inflater.inflate(R.layout.my_top_layout, container, false);
View header = inflater.inflate(R.layout.header_layout, null);
// Initialize your header here.
listView.addHeaderView(header, null, false);

BaseAdapter adapter = // ... Initialize your adapter.
listView.setAdapter(adapter);

// Just as a bonus - if you want to do something with your list items:
view.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    // You can just use listView instead of parent casted to ListView.
    if (position >= ((ListView) parent).getHeaderViewsCount()) {
      // Note the usage of getItemAtPosition() instead of adapter's getItem() because
      // the latter does not take into account the header (which has position 0).
      Object obj = parent.getItemAtPosition(position);
      // Do something with your object.
    }
  }
});

Question 3

আমি শিরোনাম দর্শন সমাধান দিয়ে থাকি। এটিতে কোনও ভুল নেই। এই মুহূর্তে আমি ঠিক একই পদ্ধতির ব্যবহার করে একটি ক্রিয়াকলাপ বাস্তবায়ন করছি।

স্পষ্টতই "আইটেম অংশ" স্ট্যাটিকের চেয়ে বেশি গতিশীল (আইটেম গণনা বনাম। ফিক্স আইটেম কাউন্ট ইত্যাদি) অন্যথায় আপনি কোনও অ্যাডাপ্টার ব্যবহার করার বিষয়ে ভাবেন না। সুতরাং আপনার যখন অ্যাডাপ্টারের প্রয়োজন হয় তারপরে তালিকার ভিউটি ব্যবহার করুন।

অ্যাডাপ্টার থেকে লিনিয়ারলআউটকে জনপ্রিয় করে তোলে এমন একটি সমাধান কার্যকর করা শেষ পর্যন্ত কাস্টম বিন্যাসের সাথে তালিকাভিউ নির্মাণ করা ছাড়া আর কিছুই নয়।

শুধু আমার 2 সেন্ট।

Question 4

আপনার দর্শনটি main.xML onCreate এ সেট করুন, তারপরে সারি.এক্সএমএল থেকে স্ফীত করুন

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="450dp" >

        <ListView
            android:id="@+id/mainListView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_above="@+id/size"
            android:layout_below="@+id/editText1"
            android:gravity="fill_vertical|fill_horizontal"
            android:horizontalSpacing="15dp"
            android:isScrollContainer="true"
            android:numColumns="1"
            android:padding="5dp"
            android:scrollbars="vertical"
            android:smoothScrollbar="true"
            android:stretchMode="columnWidth" >

</ListView>

    <TextView
        android:id="@+id/size"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:background="#ff444444"
        android:gravity="center"
        android:text="TextView"
        android:textColor="#D3D3D3"
        android:textStyle="italic" />

    </EditText>

</RelativeLayout>

row.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" 
  android:paddingTop="3dp">

<TextView
  android:id="@+id/rowTextView"
  android:layout_width="0dip"
  android:layout_height="41dp"
  android:layout_margin="4dp"
  android:layout_weight="2.83"
  android:ellipsize="end"
  android:gravity="center_vertical"
  android:lines="1"
  android:text="John Doe"
  android:textColor="@color/color_white"
  android:textSize="23dp" >
</TextView>

</LinearLayout>

Question 5

আমি নিম্নলিখিত কোডগুলি ব্যবহার করি যা অ্যাডাপ্টারের কার্যকারিতা ViewGroupএবং এর সাথে প্রতিলিপি করে TabLayout। এ সম্পর্কে ভাল বিষয় হ'ল আপনি যদি নিজের তালিকাকে পরিবর্তন করে আবার বাঁধেন তবে এটি কেবল পরিবর্তিত আইটেমগুলিকেই প্রভাবিত করবে:

ব্যবহার:

val list = mutableListOf<Person>()
layout.bindChildren(list, { it.personId }, { bindView(it) }, {d, t ->bindView(d, t)})
list.removeAt(0)
list+=newPerson
layout.bindChildren(list, { it.personId }, { bindView(it) }, {d, t ->bindView(d, t)})

এর জন্য ViewGroups:

fun <Item, Key> ViewGroup.bindChildren(items: List<Item>, id: (Item) -> Key, view: (Item) -> View, bind: (Item, View) -> Unit) {
    val old = children.map { it.tag as Key }.toList().filter { it != null }
    val new = items.map(id)

    val add = new - old
    val remove = old - new
    val keep = new.intersect(old)

    val tagToChildren = children.associateBy { it.tag as Key }
    val idToItem = items.associateBy(id)

    remove.forEach { tagToChildren[it].let { removeView(it) } }
    keep.forEach { bind(idToItem[it]!!, tagToChildren[it]!!) }
    add.forEach { id -> view(idToItem[id]!!).also { it.tag = id }.also { addView(it, items.indexOf(idToItem[id])) } }
}

কারণ TabLayoutআমার কাছে এটি রয়েছে:

fun <Item, Key> TabLayout.bindTabs(items: List<Item>, toKey: (Item) -> Key, tab: (Item) -> TabLayout.Tab, bind: (Item, TabLayout.Tab) -> Unit) {
    val old = (0 until tabCount).map { getTabAt(it)?.tag as Key }
    val new = items.map(toKey)

    val add = new - old
    val remove = old - new
    val keep = new.intersect(old)

    val tagToChildren = (0 until tabCount).map { getTabAt(it) }.associateBy { it?.tag as Key }
    val idToItem = items.associateBy(toKey)

    remove.forEach { tagToChildren[it].let { removeTab(it) } }
    keep.forEach { bind(idToItem[it]!!, tagToChildren[it]!!) }
    add.forEach { key -> tab(idToItem[key]!!).also { it.tag = key }.also { addTab(it, items.indexOf(idToItem[key])) } }
}