java - অ্যান্ড্রয়েড ListView হেডার




android header (4)

আমি শিরোনাম হিসাবে তারিখ (যেমন 01 ডিসেম্বর, 2016) করতে কি করেছি। আমি StickyHeaderListView লাইব্রেরি ব্যবহার

https://github.com/emilsjolander/StickyListHeaders

মিলিসে দীর্ঘ তারিখটি পরিবর্তন করুন [সময়টি অন্তর্ভুক্ত করবেন না] এবং এটি শিরোনাম আইডি হিসাবে তৈরি করুন।

@Override
public long getHeaderId(int position) {
    return <date in millis>;
}

আমি ListView আছে যে এটি কিছু ঘটনা আছে। ইভেন্টগুলি দিন অনুসারে সাজানো হয় এবং আমি প্রতিদিনের জন্য এটির সাথে হেডারের শিরোনাম চাই, এবং তারপরে ইভেন্টগুলি নীচে শোনা।

এখানে আমি কিভাবে সেই তালিকাটি তৈরি করবো:

ArrayList<TwoText> crs = new ArrayList<TwoText>();

crs.add(new TwoText("This will be header", event.getDate()));

for (Event event : events) {
    crs.add(new TwoText(event.getStartString() + "-" + event.getEndString(), event.getSubject()));
}

arrayAdapter = new TwoTextArrayAdapter(this, R.layout.my_list_item, crs);
lv1.setAdapter(arrayAdapter);

এবং আমার ক্লাস টুট্যাক্ট কেমন দেখায়:

public class TwoText {
    public String classID;
    public String state;

    public TwoText(String classID, String state) {
        this.classID = classID;
        this.state = state;
    }
}

এবং আমার টুটextArrayAdapter ক্লাস দেখায় কিভাবে এই:

import java.util.ArrayList;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;

public class TwoTextArrayAdapter extends ArrayAdapter<TwoText> {

    private ArrayList<TwoText> classes;
    private Activity con;
    TextView seperator;

    public TwoTextArrayAdapter(Activity context, int textViewResourceId, ArrayList<TwoText> classes) {
        super(context, textViewResourceId, classes);
        this.con = context;
        this.classes = classes;

    }

    @Override

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

        View v = convertView;

        if (v == null) {

            LayoutInflater vi = (LayoutInflater) con.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            v = vi.inflate(R.layout.my_list_item, null);

        }

        TwoText user = classes.get(position);

        if (user != null) {

            TextView content1 = (TextView) v.findViewById(R.id.list_content1);

            TextView content2 = (TextView) v.findViewById(R.id.list_content2);

            if (content1 != null) {

                content1.setText(user.classID);
            }   
            if(content2 != null) {

                content2.setText(user.state);
            }
        }
        return v;
    }
}

এবং এটি আমার_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="match_parent"
    android:orientation="vertical" >

    <TextView
        style="?android:attr/listSeparatorTextViewStyle"
        android:id="@+id/separator"
        android:text="Header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#757678"
        android:textColor="#f5c227" />

    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/list_content1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:clickable="false"
            android:gravity="center"
            android:longClickable="false"
            android:paddingBottom="1dip"
            android:paddingTop="1dip"
            android:text="sample"
            android:textColor="#ff7f1d"
            android:textSize="17dip"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/list_content2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:clickable="false"
            android:gravity="center"
            android:linksClickable="false"
            android:longClickable="false"
            android:paddingBottom="1dip"
            android:paddingTop="1dip"
            android:text="sample"
            android:textColor="#6d6d6d"
            android:textSize="17dip" />
    </LinearLayout>

</LinearLayout>

আমি এই মুহুর্তে কি করব যে আমি নিয়মিত তালিকা বস্তুর মত শিরোনাম যোগ করছি, তবে আইডিটি শিরোনামের মতো হতে এবং আমার ক্ষেত্রে এটির একটি তারিখ আছে।

হেডারের জন্য আমার xml এ এই কোডটি আছে:

<TextView
        style="?android:attr/listSeparatorTextViewStyle"
        android:id="@+id/separator"
        android:text="Header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#757678"
        android:textColor="#f5c227" />

এবং যখন এটি অযৌক্তিক হয় তখন এটি গোপন করার চেষ্টা করে এবং যখন এটি অ্যাক্সেস করার সময় দেখায় তবে আমি কেবল আমার বাকি কোডটি আপোস করি। আমি কয়েকটি টিউটোরিয়াল চেষ্টা করেছি কিন্তু তাদের একই প্রভাব ছিল।

যে সহজ উপায় কিভাবে কেউ আমাকে গাইড করতে পারে?


একটি বিকল্প হিসাবে, এই ব্যবহার কেস জন্য ডিজাইন করা একটি সুন্দর থার্ড পার্টি লাইব্রেরি আছে । অ্যাডাপ্টারে সংরক্ষণ করা তথ্যের উপর ভিত্তি করে আপনি হেডারগুলি তৈরি করতে হবে। তাদেরকে রোলডক্স অ্যাডাপ্টার বলা হয় এবং ExpandableListViews সাথে ব্যবহার করা হয়। তারা সহজে শিরোনাম সঙ্গে একটি স্বাভাবিক তালিকা মত আচরণ করতে অনুকূলিতকরণ করা যাবে।

OP এর Event অবজেক্টগুলি ব্যবহার করে এবং শিরোনামগুলি বুদ্ধিমান এটির সাথে সম্পর্কিত Date উপর ভিত্তি করে ... কোডটি এমন কিছু দেখবে:

কার্যক্রম

    //There's no need to pre-compute what the headers are. Just pass in your List of objects. 
    EventDateAdapter adapter = new EventDateAdapter(this, mEvents);
    mExpandableListView.setAdapter(adapter);

অ্যাডাপ্টার

private class EventDateAdapter extends NFRolodexArrayAdapter<Date, Event> {

    public EventDateAdapter(Context activity, Collection<Event> items) {
        super(activity, items);
    }

    @Override
    public Date createGroupFor(Event childItem) {
        //This is how the adapter determines what the headers are and what child items belong to it
        return (Date) childItem.getDate().clone();
    }

    @Override
    public View getChildView(LayoutInflater inflater, int groupPosition, int childPosition,
                             boolean isLastChild, View convertView, ViewGroup parent) {
        //Inflate your view

        //Gets the Event data for this view
        Event event = getChild(groupPosition, childPosition);

        //Fill view with event data
    }

    @Override
    public View getGroupView(LayoutInflater inflater, int groupPosition, boolean isExpanded,
                             View convertView, ViewGroup parent) {
        //Inflate your header view

        //Gets the Date for this view
        Date date = getGroup(groupPosition);

        //Fill view with date data
    }

    @Override
    public boolean hasAutoExpandingGroups() {
        //This forces our group views (headers) to always render expanded.
        //Even attempting to programmatically collapse a group will not work.
        return true;
    }

    @Override
    public boolean isGroupSelectable(int groupPosition) {
        //This prevents a user from seeing any touch feedback when a group (header) is clicked.
        return false;
    }
}

সম্ভবত আপনি একটি ExpandableListView খুঁজছেন যা শিরোনামগুলি (গোষ্ঠী) আইটেমগুলিকে আলাদা করে (শিশু) করে।

বিষয় উপর চমৎকার টিউটোরিয়াল: here


এখানে একটি নমুনা প্রকল্প , এন্টিউ এর বিস্তারিত এবং সহায়ক উত্তরের উপর ভিত্তি করে, যা একাধিক শিরোনামগুলির সাথে একটি তালিকা ভিউ প্রয়োগ করে যা স্ক্রোলিং কর্মক্ষমতা উন্নত করতে দর্শকদের অন্তর্ভুক্ত করে।

এই প্রকল্পে, তালিকা HeaderItem ক্লাস HeaderItem বা বর্গ HeaderItem উদাহরণ, উভয়ই বিমূর্ত শ্রেণী Item উপশ্রেণী। Item প্রতিটি উপশ্রেণীটি কাস্টম অ্যাডাপ্টার, ItemAdapter অ্যাডাপ্টারের একটি ভিন্ন ভিউ টাইপের সাথে ItemAdapterItem অ্যাডাপ্টারের পদ্ধতি getView() অ্যাডাপ্টারের getView() পদ্ধতিতে প্রদত্ত পজিশনে ব্যবহৃত Item সাবক্লাসের উপর নির্ভর করে, প্রতিটি তালিকা আইটেমের জন্য ভিউ তৈরির জন্য getView() HeaderItem বা RowItem উপর প্রতিটি স্বতন্ত্র getView() পদ্ধতিতে প্রদর্শন তৈরি করে। প্রতিটি Item subclass নিজস্ব ভিউ ধারক উপলব্ধ করা হয়।

নিম্নরূপ দেখুন দর্শকদের প্রয়োগ করা হয়। Item getView() পদ্ধতি getView() পদ্ধতিতে getView() View বস্তুটি নাল কিনা তা পরীক্ষা করে View । যদি তাই হয় তবে উপযুক্ত লেআউটটি View.setTag() এবং ভিউ হোল্ডারের বস্তু তাত্ক্ষণিকভাবে এবং View.setTag() মাধ্যমে ফুটো দৃশ্যের সাথে যুক্ত। যদি View বস্তুটি নাল না হয়, তবে একটি দৃশ্য ধারক বস্তু ইতোমধ্যে View.getTag() সাথে যুক্ত ছিল এবং ভিউ হোল্ডারকে View.getTag() মাধ্যমে পুনরুদ্ধার করা হয়। যেহেতু ভিউ হোল্ডার ব্যবহার করা হয় সেটি HeaderItem থেকে নিম্নলিখিত কোড স্নিপেটে দেখা যেতে পারে:

@Override
View getView(LayoutInflater i, View v) {
    ViewHolder h;
    if (v == null) {
        v = i.inflate(R.layout.header, null);
        h = new ViewHolder(v);
        v.setTag(h);
    } else {
        h = (ViewHolder) v.getTag();
    }
    h.category.setText(text());
    return v;
}

private class ViewHolder {
    final TextView category;

    ViewHolder(View v) {
        category = v.findViewById(R.id.category);
    }
}

ListView সম্পূর্ণ বাস্তবায়ন অনুসরণ করে। এখানে জাভা কোডটি রয়েছে:

import android.app.ListActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.Collections;
import java.util.HashSet;
import java.util.List;
import java.util.Set;

public class MainActivity extends ListActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setListAdapter(new ItemAdapter(getItems()));
    }

    class ItemAdapter extends ArrayAdapter<Item> {
        final private List<Class<?>> viewTypes;

        ItemAdapter(List<Item> items) {
            super(MainActivity.this, 0, items);
            if (items.contains(null))
                throw new IllegalArgumentException("null item");
            viewTypes = getViewTypes(items);
        }

        private List<Class<?>> getViewTypes(List<Item> items) {
            Set<Class<?>> set = new HashSet<>();
            for (Item i : items) 
                set.add(i.getClass());
            List<Class<?>> list = new ArrayList<>(set);
            return Collections.unmodifiableList(list);
        }

        @Override
        public int getViewTypeCount() {
            return viewTypes.size();
        }

        @Override
        public int getItemViewType(int position) {
            Item t = getItem(position);
            return viewTypes.indexOf(t.getClass());
        }

        @Override
        public View getView(int position, View v, ViewGroup unused) {
            return getItem(position).getView(getLayoutInflater(), v);
        }
    }

    abstract private class Item {
        final private String text;

        Item(String text) {
            this.text = text;
        }

        String text() { return text; }

        abstract View getView(LayoutInflater i, View v);
    }

    private class HeaderItem extends Item {
        HeaderItem(String text) {
            super(text);
        }

        @Override
        View getView(LayoutInflater i, View v) {
            ViewHolder h;
            if (v == null) {
                v = i.inflate(R.layout.header, null);
                h = new ViewHolder(v);
                v.setTag(h);
            } else {
                h = (ViewHolder) v.getTag();
            }
            h.category.setText(text());
            return v;
        }

        private class ViewHolder {
            final TextView category;

            ViewHolder(View v) {
                category = v.findViewById(R.id.category);
            }
        }
    }

    private class RowItem extends Item {
        RowItem(String text) {
            super(text);
        }

        @Override
        View getView(LayoutInflater i, View v) {
            ViewHolder h;
            if (v == null) {
                v = i.inflate(R.layout.row, null);
                h = new ViewHolder(v);
                v.setTag(h);
            } else {
                h = (ViewHolder) v.getTag();
            }
            h.option.setText(text());
            return v;
        }

        private class ViewHolder {
            final TextView option;

            ViewHolder(View v) {
                option = v.findViewById(R.id.option);
            }
        }
    }

    private List<Item> getItems() {
        List<Item> t = new ArrayList<>();
        t.add(new HeaderItem("Header 1"));
        t.add(new RowItem("Row 2"));
        t.add(new HeaderItem("Header 3"));
        t.add(new RowItem("Row 4"));

        t.add(new HeaderItem("Header 5"));
        t.add(new RowItem("Row 6"));
        t.add(new HeaderItem("Header 7"));
        t.add(new RowItem("Row 8"));

        t.add(new HeaderItem("Header 9"));
        t.add(new RowItem("Row 10"));
        t.add(new HeaderItem("Header 11"));
        t.add(new RowItem("Row 12"));

        t.add(new HeaderItem("Header 13"));
        t.add(new RowItem("Row 14"));
        t.add(new HeaderItem("Header 15"));
        t.add(new RowItem("Row 16"));

        t.add(new HeaderItem("Header 17"));
        t.add(new RowItem("Row 18"));
        t.add(new HeaderItem("Header 19"));
        t.add(new RowItem("Row 20"));

        t.add(new HeaderItem("Header 21"));
        t.add(new RowItem("Row 22"));
        t.add(new HeaderItem("Header 23"));
        t.add(new RowItem("Row 24"));

        t.add(new HeaderItem("Header 25"));
        t.add(new RowItem("Row 26"));
        t.add(new HeaderItem("Header 27"));
        t.add(new RowItem("Row 28"));
        t.add(new RowItem("Row 29"));
        t.add(new RowItem("Row 30"));

        t.add(new HeaderItem("Header 31"));
        t.add(new RowItem("Row 32"));
        t.add(new HeaderItem("Header 33"));
        t.add(new RowItem("Row 34"));
        t.add(new RowItem("Row 35"));
        t.add(new RowItem("Row 36"));

        return t;
    }

}

দুটি আইটেম আইটেম লেআউট, প্রতিটি আইটেম subclass জন্য এক আছে। header ইটেম দ্বারা ব্যবহৃত লেআউট header এখানে রয়েছে:

<?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"
    android:background="#FFAAAAAA"
    >
    <TextView
        android:id="@+id/category"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="4dp"
        android:textColor="#FF000000"
        android:textSize="20sp"
        android:textStyle="bold"
        />
 </LinearLayout>

এবং এখানে রাইটিম দ্বারা ব্যবহৃত বিন্যাস row :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?android:attr/listPreferredItemHeight"
    >
    <TextView
        android:id="@+id/option"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="15sp"
        />
</LinearLayout>

এখানে তালিকাবদ্ধ ভিউয়ের একটি অংশের একটি চিত্র রয়েছে:





android-arrayadapter