ListView Horisontal di Android?

Apakah mungkin membuat ListViewsecara horizontal? Saya telah melakukan ini menggunakan tampilan galeri, tetapi item yang dipilih datang ke tengah layar secara otomatis. Saya tidak ingin item yang dipilih di tempat yang sama saya klik. Bagaimana saya bisa memperbaiki masalah ini? Ide saya adalah mengatur ListViewdengan scroll horizontal. Bagikan ide Anda?

Sesuai Android Dokumentasi RecyclerViewadalah cara baru untuk mengatur item dalam listview dan ditampilkan secara horizontal

Keuntungan:

1. Karena dengan menggunakan Adaptor Recyclerview, pola ViewHolder diterapkan secara otomatis
2. Animasi mudah dilakukan
3. Banyak lagi fitur

Informasi Lebih Lanjut tentang RecyclerView:

1. grokkingandroid.com
2. antonioleiva.com

Sampel:

survivingwithandroid.com

Cukup tambahkan blok di bawah ini untuk membuat ListViewhorizontal dari vertikal

Cuplikan kode

LinearLayoutManager layoutManager= new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL, false);
mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
mRecyclerView.setLayoutManager(layoutManager);

Paul tidak repot-repot memperbaiki bug perpustakaannya atau menerima perbaikan pengguna. Itu sebabnya saya menyarankan perpustakaan lain yang memiliki fungsi serupa:

https://github.com/sephiroth74/HorizontalVariableListView

Pembaruan : pada 24 Juli 2013 penulis (sephiroth74) merilis versi yang sepenuhnya ditulis ulang berdasarkan kode android 4.2.2 ListView. Saya harus mengatakan bahwa itu tidak memiliki semua kesalahan yang dimiliki versi sebelumnya dan berfungsi dengan baik!

@ Paul jawab tautan ke solusi hebat, tetapi kode tidak mengizinkan untuk menggunakan onClickListeners pada item anak-anak (fungsi panggilan balik tidak pernah dipanggil). Saya telah berjuang selama beberapa saat untuk menemukan solusi dan saya telah memutuskan untuk memposting di sini apa yang perlu Anda modifikasi dalam kode itu (jika seseorang membutuhkannya).

Alih-alih menimpa dispatchTouchEventmenimpa onTouchEvent. Gunakan kode yang sama dispatchTouchEventdan hapus metode (Anda dapat membaca perbedaan antara keduanya di sini http://developer.android.com/guide/topics/ui/ui-events.html#EventHandlers )

@Override
public boolean onTouchEvent(MotionEvent event) {
    boolean handled = mGesture.onTouchEvent(event);
    return handled;
}

Kemudian, tambahkan kode berikut yang akan memutuskan untuk mencuri acara dari item anak-anak dan memberikannya kepada kami onTouchEvent, atau membiarkannya ditangani oleh mereka.

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    switch( ev.getActionMasked() ){
        case MotionEvent.ACTION_DOWN:
             mInitialX = ev.getX();
             mInitialY = ev.getY();             
             return false;
        case MotionEvent.ACTION_MOVE:
             float deltaX = Math.abs(ev.getX() - mInitialX);
             float deltaY = Math.abs(ev.getY() - mInitialY);
             return ( deltaX > 5 || deltaY > 5 );
        default:
             return super.onInterceptTouchEvent(ev);
    }
}

Terakhir, jangan lupa mendeklarasikan variabel di kelas Anda:

private float mInitialX;
private float mInitialY;

Karena Google memperkenalkan Android Support Library v7 21.0.0, Anda dapat menggunakan RecyclerView untuk menggulir item secara horizontal. Widget RecyclerView adalah versi ListView yang lebih canggih dan fleksibel.

Untuk menggunakan RecyclerView, tambahkan saja ketergantungan:

com.android.support:recyclerview-v7:23.0.1

Berikut ini contohnya:

public class MyActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_activity);

        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);

        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        recyclerView.setLayoutManager(layoutManager);

        MyAdapter adapter = new MyAdapter(myDataset);
        recyclerView.setAdapter(adapter);
    }
}

Info lebih lanjut tentang RecyclerView:

• https://developer.android.com/training/material/lists-cards.html
• https://developer.android.com/reference/android/support/v7/widget/RecyclerView.html

Ini sedikit (sangat) terlambat, tapi saya memposting ini kalau-kalau ada yang datang nanti.

Pustaka Dukungan pada pratinjau L Android memiliki RecyclerViewyang tidak persis apa yang Anda inginkan.

Sekarang, Anda hanya bisa mendapatkannya melalui SDK L pratinjau dan Anda perlu mengatur Anda minSdkuntuk L. Tetapi Anda dapat menyalin semua file yang diperlukan ke proyek Anda dan menggunakannya seperti itu sampai L secara resmi keluar.

Anda dapat mengunduh dokumen pratinjau di sini .

Peringatan: API untuk Tampilan Pendaur Ulang dapat berubah dan mungkin memiliki bug.

Diperbarui

Kode sumber untuk tampilan daftar horizontal adalah:

LinearLayoutManager layoutManager
    = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);

RecyclerView myList = findViewById(R.id.my_recycler_view);
myList.setLayoutManager(layoutManager);

Unduh file jar dari sini

sekarang masukkan ke folder libs Anda, klik kanan dan pilih 'Tambahkan sebagai perpustakaan'

sekarang di main.xml cantumkan kode ini

 <com.devsmart.android.ui.HorizontalListView
    android:id="@+id/hlistview"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />

sekarang di kelas Activity jika Anda ingin Horizontal Listview dengan gambar kemudian masukkan kode ini

  HorizontalListView hListView = (HorizontalListView) findViewById(R.id.hlistview);
    hListView.setAdapter(new HAdapter(this));


 private class HAdapter extends BaseAdapter {

    LayoutInflater inflater;

    public HAdapter(Context context) {
        inflater = LayoutInflater.from(context);

    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return Const.template.length;
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        HViewHolder holder;
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.listinflate, null);
            holder = new HViewHolder();
            convertView.setTag(holder);

        } else {
            holder = (HViewHolder) convertView.getTag();
        }
        holder.img = (ImageView) convertView.findViewById(R.id.image);
        holder.img.setImageResource(Const.template[position]);
        return convertView;
    }

}

class HViewHolder {
    ImageView img;
}

Ini sebenarnya sangat sederhana : Cukup Putar tampilan daftar untuk berbaring miring

mlistView.setRotation(-90);

Kemudian setelah menggembungkan anak-anak, itu harus di dalam metode getView. Anda memutar anak-anak untuk berdiri tegak:

 mylistViewchild.setRotation(90);

Sunting: jika ListView Anda tidak pas dengan rotasi, letakkan ListView di dalam RotateLayout ini seperti ini:

 <com.github.rongi.rotate_layout.layout.RotateLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:angle="90"> <!-- Specify rotate angle here -->

    <ListView
       android:layout_width="match_parent"
       android:layout_height="match_parent">
    </ListView>
</com.github.rongi.rotate_layout.layout.RotateLayout>

Solusi saya adalah cukup menggunakan ViewPagerwidget. Ini tidak terkunci di pusat karena Gallerydan memiliki fitur bawaan untuk mendaur ulang tampilan (sebagai ListView). Anda mungkin melihat pendekatan serupa di aplikasi Google Play, setiap kali Anda berurusan dengan daftar yang dapat digulir secara horizontal.

Anda hanya perlu memperpanjang PagerAdapterdan melakukan beberapa penyesuaian di sana:

public class MyPagerAdapter extends PagerAdapter {

    private Context mContext;

    public MyPagerAdapter(Context context) {
        this.mContext = context;
    }

    // As per docs, you may use views as key objects directly 
    // if they aren't too complex
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        LayoutInflater inflater = LayoutInflater.from(mContext);
        View view = inflater.inflate(R.layout.item, null);
        container.addView(view);
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }

    @Override
    public int getCount() {
        return 10;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == object;
    }

    // Important: page takes all available width by default,
    // so let's override this method to fit 5 pages within single screen
    @Override
    public float getPageWidth(int position) {
        return 0.2f;
    }
}

Akibatnya, Anda akan memiliki widget yang dapat digulir secara horizontal dengan adaptor, seperti ini:

Catatan: Android sekarang mendukung tampilan daftar horizontal menggunakan RecyclerView, jadi sekarang jawaban ini sudah usang, untuk informasi tentang RecyclerView: https://developer.android.com/reference/android/support/v7/widget/RecyclerView

Saya telah mengembangkan logika untuk melakukannya tanpa menggunakan pustaka scrollview horizontal eksternal, berikut adalah tampilan horizontal yang saya capai dan saya telah memposting jawaban saya di sini: https://stackoverflow.com/a/33301582/5479863

Respons json saya adalah ini:

{"searchInfo":{"status":"1","message":"Success","clist":[{"id":"1de57434-795e-49ac-0ca3-5614dacecbd4","name":"Theater","image_url":"http://52.25.198.71/miisecretory/category_images/movie.png"},{"id":"62fe1c92-2192-2ebb-7e92-5614dacad69b","name":"CNG","image_url":"http://52.25.198.71/miisecretory/category_images/cng.png"},{"id":"8060094c-df4f-5290-7983-5614dad31677","name":"Wine-shop","image_url":"http://52.25.198.71/miisecretory/category_images/beer.png"},{"id":"888a90c4-a6b0-c2e2-6b3c-561788e973f6","name":"Chemist","image_url":"http://52.25.198.71/miisecretory/category_images/chemist.png"},{"id":"a39b4ec1-943f-b800-a671-561789a57871","name":"Food","image_url":"http://52.25.198.71/miisecretory/category_images/food.png"},{"id":"c644cc53-2fce-8cbe-0715-5614da9c765f","name":"College","image_url":"http://52.25.198.71/miisecretory/category_images/college.png"},{"id":"c71e8757-072b-1bf4-5b25-5614d980ef15","name":"Hospital","image_url":"http://52.25.198.71/miisecretory/category_images/hospital.png"},{"id":"db835491-d1d2-5467-a1a1-5614d9963c94","name":"Petrol-Pumps","image_url":"http://52.25.198.71/miisecretory/category_images/petrol.png"},{"id":"f13100ca-4052-c0f4-863a-5614d9631afb","name":"ATM","image_url":"http://52.25.198.71/miisecretory/category_images/atm.png"}]}}

File tata letak:

    <?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"
    android:weightSum="5">    
    <fragment
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="4" />
    <HorizontalScrollView
        android:id="@+id/horizontalScroll"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <LinearLayout
            android:id="@+id/ll"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:orientation="horizontal">    
        </LinearLayout>
    </HorizontalScrollView>
</LinearLayout>

file kelas:

LinearLayout linearLayout = (LinearLayout) findViewById(R.id.ll);
        for (int v = 0; v < collectionInfo.size(); v++) {
            /*---------------Creating frame layout----------------------*/

            FrameLayout frameLayout = new FrameLayout(ActivityMap.this);
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, getPixelsToDP(90));
            layoutParams.rightMargin = getPixelsToDP(10);
            frameLayout.setLayoutParams(layoutParams);

            /*--------------end of frame layout----------------------------*/

            /*---------------Creating image view----------------------*/
            final ImageView imgView = new ImageView(ActivityMap.this); //create imageview dynamically
            LinearLayout.LayoutParams lpImage = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
            imgView.setImageBitmap(collectionInfo.get(v).getCatImage());
            imgView.setLayoutParams(lpImage);
            // setting ID to retrieve at later time (same as its position)
            imgView.setId(v);
            imgView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {

                    // getting id which is same as its position
                    Log.i(TAG, "Clicked on " + collectionInfo.get(v.getId()).getCatName());
                    // getting selected category's data list
                    new GetSelectedCategoryData().execute(collectionInfo.get(v.getId()).getCatID());
                }
            });
            /*--------------end of image view----------------------------*/

            /*---------------Creating Text view----------------------*/
            TextView textView = new TextView(ActivityMap.this);//create textview dynamically
            textView.setText(collectionInfo.get(v).getCatName());
            FrameLayout.LayoutParams lpText = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.WRAP_CONTENT, Gravity.BOTTOM | Gravity.CENTER);
            // Note: LinearLayout.LayoutParams 's gravity was not working so I putted Framelayout as 3 paramater is gravity itself
            textView.setTextColor(Color.parseColor("#43A047"));
            textView.setLayoutParams(lpText);
            /*--------------end of Text view----------------------------*/

            //Adding views at appropriate places
            frameLayout.addView(imgView);
            frameLayout.addView(textView);
            linearLayout.addView(frameLayout);

        }

 private int getPixelsToDP(int dp) {
        float scale = getResources().getDisplayMetrics().density;
        int pixels = (int) (dp * scale + 0.5f);
        return pixels;
    }

Trik yang berfungsi di sini adalah id yang telah saya tetapkan untuk ImageView "imgView.setId (v)" dan setelah itu menerapkan onClickListener untuk itu saya kembali mengambil id tampilan .... Saya juga berkomentar di dalam kode sehingga yang mudah dimengerti, saya harap ini mungkin sangat berguna ... Selamat Coding ... :)

Ini bukan jawaban yang bagus, tetapi bagaimana dengan menggunakan Tampilan Gulir Horisontal ?

Anda dapat menggunakan RecyclerView di perpustakaan dukungan. RecyclerView adalah versi umum ListView yang mendukung:

• Manajer tata letak untuk penentuan posisi item
• Animasi default untuk operasi item umum

Android Recycler Lihat Documents

Saya telah melakukan banyak pencarian solusi untuk masalah ini. Jawaban singkatnya adalah, tidak ada solusi yang baik, tanpa mengesampingkan metode pribadi dan hal semacam itu. Hal terbaik yang saya temukan adalah menerapkannya sendiri dari awal dengan memperluas AdapterView. Ini sangat menyedihkan. Lihat pertanyaan SO saya tentang ListViews horisontal .

Saya harus melakukan hal yang sama untuk salah satu proyek saya dan akhirnya saya menulis sendiri juga. Saya menyebutnya HorzListView sekarang bagian dari perpustakaan open source Aniqroid saya .

http://aniqroid.sileria.com/doc/api/ (Cari unduhan di bagian bawah atau gunakan proyek kode google untuk melihat lebih banyak opsi unduhan: http://code.google.com/p/aniqroid/downloads/list )

Dokumentasi kelas ada di sini: http://aniqroid.sileria.com/doc/api/com/sileria/android/view/HorzListView.html

Untuk aplikasi saya, saya menggunakan HorizontalScrollView yang berisi LinearLayout di dalamnya, yang orientasinya diatur ke horizontal. Untuk menambahkan gambar di dalamnya, saya membuat ImageViews di dalam aktivitas dan menambahkannya ke LinearLayout saya. Sebagai contoh:

<HorizontalScrollView 
        android:id="@+id/photo_scroll"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:scrollbars="horizontal"
        android:visibility="gone">

        <LinearLayout 
            android:id="@+id/imageview_holder"
            android:layout_width="wrap_content"
            android:orientation="horizontal"
            android:layout_height="match_parent">

        </LinearLayout>
    </HorizontalScrollView>

Ini berfungsi dengan baik bagiku. Dalam aktivitas yang harus saya lakukan adalah sesuatu seperti kode di bawah ini:

LinearLayout imgViewHolder = findViewById(R.id.imageview_holder);
ImageView img1 = new ImageView(getApplicationContext());
//set bitmap
//set img1 layout params
imgViewHolder.add(img1);
ImageView img2 = new ImageView(getApplicationContext());
//set bitmap
//set img2 layout params
imgViewHolder.add(img2); 

Seperti yang saya katakan itu bekerja untuk saya, dan saya harap ini membantu seseorang yang ingin mencapai ini juga.

baik Anda selalu dapat membuat tampilan teks Anda dll secara dinamis dan mengatur onclicklisteners Anda seperti yang akan Anda lakukan dengan adaptor

HorizontialListView tidak dapat berfungsi saat data dalam adaptor terlibat di utas lainnya. Semuanya berjalan 100% pada utas UI. Ini adalah masalah besar di multithread. Saya pikir menggunakan HorizontialListView bukan solusi terbaik untuk masalah Anda. HolzListView adalah cara yang lebih baik. Anda hanya perlu mengganti Galeri sebelumnya dengan HorzListView. Anda tidak perlu mengubah kode tentang adaptor. Kemudian semuanya berjalan sesuai harapan Anda. Lihat https: // stackoverflow.com/a/12339708/1525777 tentang HorzListView.

Saya telah menggunakan tautan listview horizontal dalam proyek saya & saya mendapat hasil yang baik. Saya telah menggunakan perpustakaan devsmart pada awalnya tetapi itu memberi saya beberapa masalah. Jadi cara terbaik untuk menggunakan tautan listview horizontal karena memulihkan masalah saya & saya juga baru-baru ini meluncurkan aplikasi saya di Google PlayStore menggunakan perpustakaan ini & mendapat tanggapan baik dari pengguna. Jadi saya sarankan Anda untuk menggunakan perpustakaan yang sama yang saya sebutkan di atas untuk menampilkan tampilan daftar secara horizontal. Nikmati :)

Ada perpustakaan yang hebat untuk itu, yang disebut TwoWayView , sangat mudah diimplementasikan, cukup sertakan perpustakaan proyek ke dalam ruang kerja Anda dan tambahkan sebagai proyek perpustakaan ke proyek asli Anda, dan kemudian ikuti langkah-langkah berikut yang awalnya disebutkan di sini :

Pertama, mari kita tambahkan gaya yang menunjukkan orientasi ListView (horizontal atau vertikal) di (res / values ​​/ styles.xml):

<style name="TwoWayView">
    <item name="android:orientation">horizontal</item>
</style>

Kemudian,

Di Layout XML Anda, gunakan kode berikut untuk menambahkan TwoWayView:

<org.lucasr.twowayview.TwoWayView 
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/lvItems"
     style="@style/TwoWayView"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:drawSelectorOnTop="false"
     tools:context=".MainActivity" />

dan akhirnya, cukup deklarasikan dan tangani seperti biasa ListView:

TwoWayView lvTest = (TwoWayView) findViewById(R.id.lvItems);

Semua metode ListViewakan bekerja di sini seperti biasa, tetapi hanya ada satu perbedaan yang saya perhatikan, yaitu ketika mengatur mode pilihan, metode setChoiceModetidak mengambil intnilai tetapi nilai dari yang enumdipanggil ChoiceMode, demikian list_view.setChoiceMode(ListView.CHOICE_MODE_SINGLE);juga halnya lvTest.setChoiceMode(ChoiceMode.SINGLE); // or MULTIPLE or NONE.

Anda dapat menggunakan ViewFlipper untuk memasukkan tata letak XML dan menambahkan gambar, tampilan daftar untuk setiap tata letak XML