Horizontale ListView in Android?

Ist es möglich, das ListViewhorizontal zu machen ? Ich habe dies mithilfe einer Galerieansicht getan, aber das ausgewählte Element wird automatisch in die Mitte des Bildschirms verschoben. Ich möchte das ausgewählte Element nicht an derselben Stelle haben, auf die ich geklickt habe. Wie kann ich dieses Problem beheben? Meine Idee war es, das ListViewmit einer horizontalen Schriftrolle einzustellen . Teilen Sie Ihre Idee?

RecyclerViewGemäß Android-Dokumentation ist die neue Möglichkeit, die Elemente in der Listenansicht zu organisieren und horizontal anzuzeigen

Vorteile:

1. Da mithilfe des Recyclerview-Adapters das ViewHolder-Muster automatisch implementiert wird
2. Animation ist einfach durchzuführen
3. Viele weitere Funktionen

Weitere Informationen zu RecyclerView:

1. grokkingandroid.com
2. antonioleiva.com

Stichprobe:

Überleben mit android.com

Fügen Sie einfach den folgenden Block hinzu, um ihn ListViewvon vertikal zu horizontal zu machen

Code-Auszug

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

Paul macht sich nicht die Mühe, Fehler in seiner Bibliothek zu beheben oder Benutzerkorrekturen zu akzeptieren. Deshalb schlage ich eine andere Bibliothek mit ähnlichen Funktionen vor:

https://github.com/sephiroth74/HorizontalVariableListView

Update : Am 24. Juli 2013 veröffentlichte der Autor (sephiroth74) eine komplett neu geschriebene Version basierend auf dem Code von Android 4.2.2 ListView. Ich muss sagen, dass es nicht alle Fehler hat, die die vorherige Version hatte und großartig funktioniert!

@ Paul-Antwortlinks zu einer großartigen Lösung, aber der Code erlaubt nicht die Verwendung von onClickListeners für untergeordnete Elemente (die Rückruffunktionen werden niemals aufgerufen). Ich habe eine Weile darum gekämpft, eine Lösung zu finden, und ich habe beschlossen, hier zu posten, was Sie in diesem Code ändern müssen (falls jemand es braucht).

Anstatt dispatchTouchEventOverride zu überschreiben onTouchEvent. Verwenden Sie denselben Code dispatchTouchEventund löschen Sie die Methode (den Unterschied zwischen den beiden finden Sie hier http://developer.android.com/guide/topics/ui/ui-events.html#EventHandlers ).

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

Fügen Sie dann den folgenden Code hinzu, der entscheidet, das Ereignis von den untergeordneten Elementen zu stehlen und es unseren zu geben onTouchEvent, oder lassen Sie es von ihnen behandeln.

@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);
    }
}

Vergessen Sie nicht, die Variablen in Ihrer Klasse zu deklarieren:

private float mInitialX;
private float mInitialY;

Seit Google die Android Support Library v7 21.0.0 eingeführt hat, können Sie mit RecyclerView Elemente horizontal scrollen. Das RecyclerView-Widget ist eine erweiterte und flexiblere Version von ListView.

Um RecyclerView zu verwenden, fügen Sie einfach die Abhängigkeit hinzu:

com.android.support:recyclerview-v7:23.0.1

Hier ist ein Beispiel:

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);
    }
}

Weitere Informationen zu RecyclerView:

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

Dies ist etwas (sehr) spät, aber ich poste dies, falls jemand später dazu kommt.

Die Support-Bibliothek ab der Android L-Vorschau RecyclerViewbietet genau das, was Sie wollen.

Gerade jetzt, können Sie es nur durch die L Vorschau SDK erhalten und Sie müssen Ihre einstellen minSdkzu L. Sie können jedoch alle erforderlichen Dateien in Ihr Projekt kopieren und auf diese Weise verwenden, bis L offiziell veröffentlicht ist.

Sie können die Vorschaudokumente hier herunterladen .

Warnung: Die API für Recycler View kann sich ändern und es können Fehler auftreten.

Aktualisiert

Der Quellcode für die horizontale Listenansicht lautet:

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

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

Laden Sie die JAR-Datei hier herunter

Legen Sie es nun in Ihrem libs-Ordner ab, klicken Sie mit der rechten Maustaste darauf und wählen Sie "Als Bibliothek hinzufügen".

Jetzt in main.xml diesen Code einfügen

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

Wenn Sie jetzt in der Aktivitätsklasse eine horizontale Listenansicht mit Bildern wünschen, geben Sie diesen Code ein

  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;
}

Es ist eigentlich sehr einfach : Drehen Sie einfach die Listenansicht, um sich auf die Seite zu legen

mlistView.setRotation(-90);

Nach dem Aufblasen der Kinder sollte sich diese in der getView-Methode befinden. Sie drehen die Kinder, um aufrecht zu stehen:

 mylistViewchild.setRotation(90);

Bearbeiten: Wenn Ihre ListView nach dem Drehen nicht richtig passt, platzieren Sie die ListView wie folgt in diesem RotateLayout :

 <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>

Meine Lösung besteht darin, einfach ein ViewPagerWidget zu verwenden. Es ist nicht zentriert wie Galleryund verfügt über integrierte Funktionen zum Recycling von Ansichten (als ListView). Möglicherweise sehen Sie in der Google Play-App einen ähnlichen Ansatz, wenn Sie mit horizontal scrollbaren Listen arbeiten.

Sie müssen dort nur PagerAdapterein paar Optimierungen vornehmen:

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;
    }
}

Als Ergebnis haben Sie ein horizontal scrollbares Widget mit Adapter wie folgt:

Hinweis: Android unterstützt jetzt horizontale Listenansichten mit RecyclerView. Daher ist diese Antwort für Informationen zu RecyclerView veraltet: https://developer.android.com/reference/android/support/v7/widget/RecyclerView

Ich habe eine Logik entwickelt, um dies ohne Verwendung einer externen Bibliothek für horizontale Bildlaufansichten zu tun. Hier ist die horizontale Ansicht, die ich erzielt habe, und ich habe meine Antwort hier veröffentlicht: https://stackoverflow.com/a/33301582/5479863

Meine json Antwort lautet:

{"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"}]}}

Layoutdatei:

    <?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>

Klassendatei:

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;
    }

Trick, der hier funktioniert, ist die ID, die ich ImageView "imgView.setId (v)" zugewiesen habe, und nachdem ich onClickListener darauf angewendet habe, rufe ich wieder die ID der Ansicht ab .... Ich habe dies auch im Code kommentiert dass es leicht zu verstehen ist, hoffe ich, dass dies sehr nützlich sein kann ... Happy Coding ... :)

Dies ist keine gute Antwort, aber wie wäre es mit einer horizontalen Bildlaufansicht ?

Sie können RecyclerView in der Support-Bibliothek verwenden. RecyclerView ist eine verallgemeinerte Version von ListView, die Folgendes unterstützt:

• Ein Layout-Manager zum Positionieren von Elementen
• Standardanimationen für allgemeine Elementoperationen

Android Recycler Anzeigen von Dokumenten

Ich habe viel nach einer Lösung für dieses Problem gesucht. Die kurze Antwort lautet: Es gibt keine gute Lösung, ohne die privaten Methoden und dergleichen außer Kraft zu setzen. Das Beste, was ich gefunden habe, war, es durch Erweiterung von Grund auf selbst zu implementieren AdapterView. Es ist ziemlich elend. Siehe meine SO-Frage zu horizontalen ListViews .

Ich musste dasselbe für eines meiner Projekte tun und schrieb schließlich auch mein eigenes. Ich nannte es HorzListView ist jetzt Teil meiner Open-Source- Aniqroid- Bibliothek.

http://aniqroid.sileria.com/doc/api/ (Suchen Sie unten nach Downloads oder verwenden Sie das Google Code-Projekt, um weitere Download-Optionen anzuzeigen : http://code.google.com/p/aniqroid/downloads/list )

Die Klassendokumentation finden Sie hier: http://aniqroid.sileria.com/doc/api/com/sileria/android/view/HorzListView.html

Für meine Anwendung verwende ich eine HorizontalScrollView, die LinearLayout enthält und deren Ausrichtung auf horizontal eingestellt ist. Um Bilder hinzuzufügen, erstelle ich ImageViews innerhalb der Aktivität und füge sie meinem LinearLayout hinzu. Beispielsweise:

<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>

Und das funktioniert perfekt für mich. In der Aktivität muss ich nur so etwas wie den folgenden Code tun:

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); 

Wie gesagt, das funktioniert bei mir und ich hoffe, es hilft jemandem, der dies auch erreichen möchte.

Nun, Sie können Ihre Textansichten usw. immer dynamisch erstellen und Ihre Onclicklistener so einstellen, wie Sie es mit einem Adapter tun würden

HorizontialListView kann nicht funktionieren, wenn die Daten im Adapter in einem anderen Thread enthalten sind. Alles läuft zu 100% auf dem UI-Thread. Dies ist ein großes Problem bei Multithread. Ich denke, die Verwendung von HorizontialListView ist nicht die beste Lösung für Ihr Problem. HorzListView ist ein besserer Weg. Sie ersetzen einfach Ihre vorherige Galerie durch HorzListView. Sie müssen den Code für den Adapter nicht ändern. Dann läuft alles so, wie Sie es sich erhoffen. Siehe https: // stackoverflow.com/a/12339708/1525777 über HorzListView.

Ich hatte in meinem Projekt einen horizontalen Listenansichtslink verwendet und gute Ergebnisse erzielt. Ich hatte anfangs die Devsmart- Bibliothek benutzt, aber es gab mir einige Probleme. Der beste Weg, um den horizontalen Listenansichtslink zu verwenden, da er meine Probleme behoben hat. Außerdem habe ich kürzlich meine App im Google PlayStore mit dieser Bibliothek gestartet und von den Nutzern eine nette Antwort erhalten. Ich empfehle Ihnen daher, dieselbe Bibliothek zu verwenden, die ich oben erwähnt habe, um die Listenansicht horizontal anzuzeigen. Genießen :)

Dafür gibt es eine großartige Bibliothek namens TwoWayView , die sehr einfach zu implementieren ist. Fügen Sie einfach die Projektbibliothek in Ihren Arbeitsbereich ein und fügen Sie sie als Bibliotheksprojekt zu Ihrem ursprünglichen Projekt hinzu . Führen Sie dann die folgenden Schritte aus, die ursprünglich hier erwähnt wurden :

Fügen wir zunächst einen Stil hinzu, der die Ausrichtung der ListView (horizontal oder vertikal) in (res / values ​​/ styles.xml) angibt:

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

Dann,

Verwenden Sie in Ihrem Layout-XML den folgenden Code, um TwoWayView hinzuzufügen:

<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" />

und zum Schluss deklarieren Sie es einfach und behandeln Sie es wie jeden normalen ListView:

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

Alle Methoden ListViewwerden hier wie gewohnt arbeiten, aber es gibt nur einen Unterschied , den ich bemerkt, das ist , wenn die Wahl - Modus einstellen, wobei das Verfahren setChoiceModekein nimmt intWert , sondern einen Wert aus enumaufgerufen ChoiceMode, so list_view.setChoiceMode(ListView.CHOICE_MODE_SINGLE);wird lvTest.setChoiceMode(ChoiceMode.SINGLE); // or MULTIPLE or NONE.

Sie können ViewFlipper verwenden, um das Layout-XML einzuschließen und Bilder hinzuzufügen, Listenansicht für jedes Layout-XML