1. 程式人生 > >android中RecyclerView控制元件的列表項橫向排列

android中RecyclerView控制元件的列表項橫向排列

本文是在上一篇文章的基礎上做的修改:android中RecyclerView控制元件的使用

1、修改列表項news_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:id="@+id/linearLayout" android:layout_width="150dp" android:layout_height="match_parent" android:minWidth="400dp"> <ImageView android:id="@+id/newsPic" android:layout_width="120dp" android:layout_height="80dp" android:layout_marginLeft
="8dp" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" android:adjustViewBounds="false" android:src="@drawable/o1" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintTop_toTopOf
="parent" /> <TextView android:id="@+id/newsTitle" android:layout_width="0dp" android:layout_height="wrap_content" android:text="TextView" app:layout_constraintLeft_toLeftOf="@+id/newsPic" app:layout_constraintTop_toBottomOf="@+id/newsPic" /> </android.support.constraint.ConstraintLayout>

我這裡是把新聞標題挪到了新聞圖片的下面顯示

 

2、修改MainActivity.java類,注意紅色新增的內容,其他內容都沒有變:

package com.example.chenrui.app1;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.widget.LinearLayout;

import com.example.chenrui.common.News;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

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

        List<News> newsList = new ArrayList();
        newsList.add(new News("新聞標題1",R.drawable.o1));
        newsList.add(new News("新聞標題2",R.drawable.o2));
        newsList.add(new News("新聞標題3",R.drawable.o3));
        newsList.add(new News("新聞標題4",R.drawable.o4));
        newsList.add(new News("新聞標題5",R.drawable.o5));
        NewsAdapter newsAdapter = new NewsAdapter(newsList);

        RecyclerView view = findViewById(R.id.list1);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        view.setLayoutManager(layoutManager);
        view.setAdapter(newsAdapter);
    }
}

 

最終的展示效果: