【Android】13.0 UI开发(四)——列表控件RecyclerView的横向布局排列实现

1.0 新建项目,由于ListView的局限性,RecyclerView是一种很好取代ListView的控件,可以灵活实现多种布局。

2.0 新建项目RecyclerviewTest,目录如下:

3.0 这里需要在app/build.gradle中配置,导入依赖包:

dependencies {
    implementation fileTree(dir: ‘libs‘, include: [‘*.jar‘])
    implementation ‘com.android.support:appcompat-v7:28.0.0‘
    implementation ‘com.android.support.constraint:constraint-layout:1.1.3‘
    implementation ‘com.android.support:recyclerview-v7:28.0.0‘
    testImplementation ‘junit:junit:4.12‘
    androidTestImplementation ‘com.android.support.test:runner:1.0.2‘
    androidTestImplementation ‘com.android.support.test.espresso:espresso-core:3.0.2‘
}

红色标签这行加入,后面的版本号和support:appcompat一致即可。

4.0 将之前项目中的构造类复制过来,省去重复编写代码的时间。

Province.java

package com.example.recyclerviewtest;

public class Province {
    private String name;
    public Province(String name){
        this.name = name;
    }

    public String getName() {
        return name;
    }
}

ProvinceAdapter.java,这里代码进行了修改,并在代码中做以说明:

package com.example.recyclerviewtest;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

public class ProvinceAdapter extends RecyclerView.Adapter<ProvinceAdapter.ViewHolder> {
    private List<Province> mProvinceList;
    private int resourceId;

//    定义一个内部类ViewHolder,该类继承自RecyclerView.ViewHolder。
//    需要传入一个View参数,通常是RecyclerView子项最外层布局
    static class ViewHolder extends RecyclerView.ViewHolder {
        //        ImageView provinceImage;
        TextView provinceName;

        public ViewHolder(View view) {
            super(view);
            provinceName = (TextView) view.findViewById(R.id.province_name);
        }
    }

//    该构造函数作用是将数据源赋值给一个全局变量mProvinceList
    public ProvinceAdapter(List<Province> provinceList) {
        mProvinceList = provinceList;
    }

//  由于ProvinceAdapter是继承自RecyclerView.Adapter,
//  所以需要重写三个方法:
// onCreateViewHolder() :创建ViewHolder实例,将局部加载进来
//  onBindViewHolder() :对RecyclerView子项数据进行赋值
//  getItemCount()

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.province_item,
                viewGroup,
                false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position
    ) {
        Province province = mProvinceList.get(position);
        holder.provinceName.setText(province.getName());
    }

    @Override
    public int getItemCount() {
        return mProvinceList.size();
    }
}

5.0 在activity_main.xml布局文件中,写入RecyclerView布局,因为RecyclerView不是SDK内置布局,所以需要把全称写进去

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

6.0 province_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:orientation="vertical"
    android:layout_width="100dp"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/province_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:gravity="center_horizontal"
        android:layout_marginTop="10dp"/>
</android.support.constraint.ConstraintLayout>

7.0 MainActivity.java

package com.example.recyclerviewtest;

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

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

public class MainActivity extends AppCompatActivity {
    private List<Province> provincelist = new ArrayList<>();
    private String[] data = {
            "广西壮族自治区", "内蒙古自治区", "宁夏回族自治区", "西藏藏族自治区", "新疆维吾尔自治区", "香港特别行政区", "澳门特别行政区",
            "北京市", "天津市", "上海市", "重庆市", "吉林省", "辽宁省", "黑龙江省",
            "河北省", "河南省", "安徽省", "甘肃省", "山东省",
            "湖南省", "湖北省", "江苏省", "浙江省", "江西省",
            "云南省", "广西省", "贵州省", "海南省", "台湾省",};

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

        initProvince();
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);

//        调用下面这行代码可以实现布局横向排列
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

//        GridLayoutManager 实现网格布局
//        StaggeredGridLayoutManager 实现瀑布流布局

//        和ListView不同的地方在于,ListView的布局排列是由自身去管理
//        而RecyclerView则将这个工作交给LayoutManager,它制定了一套可扩展的布局排列接口
//        子类只要按照接口的规范来实现,就能定制出不同排列方式的布局了
        recyclerView.setLayoutManager(layoutManager);
        ProvinceAdapter adapter = new ProvinceAdapter(provincelist);
        recyclerView.setAdapter(adapter);
    }

    public void initProvince() {
        for (String dataone : data) {
            Province province = new Province(dataone);
            provincelist.add(province);
        }
    }
}

8.0 运行效果如下:

原文地址:https://www.cnblogs.com/xiaofu007/p/10364542.html

时间: 02-12

【Android】13.0 UI开发(四)——列表控件RecyclerView的横向布局排列实现的相关文章

iOS开发--自定义列表控件

这两天项目比较闲,在空余之际,尝试自己实现列表控件.从动工到初步完成大概花了一天时间,目前实现了列表的简单功能,后续将考虑加入cell重用机制.惯性特征以及删除cell等功能.项目代码已经放到了github上,地址:https://github.com/wanglichun/CustomTableView. 在实现之前,需要了解列表控件的运行原理,我之前的一篇博客<列表控件实现原理解析>中有介绍.去年由于项目需要,使用lua语言自定义过双重列表(大列表嵌套小列表),这次改用objc实现,实现的

Android5.0控件-RecyclerView

Android 5.0引入了一个全新的列表控件-RecyclerView,这个控件更为灵活,同时也拥有比ListView和GridView控件较多的优点:例如Item View的创建.View的回收以及重用等机制. RecyclerView控件提供了以下两种方法来进行简化和处理大数量集合: ?l 采用LayoutManager来处理Item的布局 ?l 提供Item操作的默认动画,例如在增加或者删除item的时候 可以自定义LayoutManager或者设置添加/删除的动画,整体的Recycle

列表控件ListBox关联的MFC中的类:CListBox

######################################################## 1.在列表的结尾添加一项:AddString 2.在列表的指定位置添加一项:InsertString 3.获取列表中项的个数:GetCount 4.获取某项的文本:GetText 5.在单选列表控件中,获取与设置当前选中项:GetCurSel.SetCurSel 6.在列表项中查找指定的字符串:FindString.FindStringExact 7.删除列表中所有的项:ResetC

全新控件RecyclerView

Android 5.0引入了一个全新的列表控件-RecyclerView,这个控件更为灵活,同时也拥有比ListView和GridView控件较多的优点:例如Item View的创建.View的回收以及重用等机制. RecyclerView控件提供了以下两种方法来进行简化和处理大数量集合: 采用LayoutManager来处理Item的布局 提供Item操作的默认动画,例如在增加或者删除item的时候 可以自定义LayoutManager或者设置添加/删除的动画,整体的RecyclerView结

iOS开发UI篇—手写控件,frame,center和bounds属性

iOS开发UI基础—手写控件,frame,center和bounds属性 一.手写控件 1.手写控件的步骤 (1)使用相应的控件类创建控件对象 (2)设置该控件的各种属性 (3)添加控件到视图中 (4)如果是button等控件,还需考虑控件的单击事件等 (5)注意:View Contollor和view的关系 2.注意点 在OC开发中,Storyboard中的所有操作都可以通过代码实现,程序员一定要熟练掌握代码布局界面的能力! 设置控件监听方法的示例代码如下: [btn addTarget:se

UWP开发必备:常用数据列表控件汇总比较

今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据项的水平网格控件 ListView:用于显示数据项的垂直列表控件 ListBox:可选项列表控件 ItemsControl:用于显示数据项的列表控件.是其他控件的父类. Pivot:应用内部标签导航控件 FlipView:每次只显示一个数据项的控件,通过滑动切换数据项 SplitView:包含主视图

Android ListView列表控件的简单使用

ListView 列表是我们经常会使用的控件, 如果想要自定义里面的显示的话是挺麻烦的, 需要新建XML.Class SimpleAdapter这两个文件, 较为麻烦. 如果我们只是想显示两.三行文字在上面, 却又不想那么麻烦呢? 那我们只要新建一个XML就够了.  这里以显示一个ListView项里三个TextView为例.  首先我们要创建一个XML文件, 这个XML文件是用来作为单个ListView项布局用的.  list_row.xml[java]<?xml version="1.

android快速上手(三)常用控件使用

完成了android的第一个程序HelloWorld,下面就开始控件的学习,下面是一些常见的控件. (一)TextView 简单的文本描述 (二)EditText 编辑框,输入文字信息 (三)Button 按钮,点击后会触发点击事件,可以对事件进行处理 (四)ImageView 图片控件,可以加载图片显示 (五)ListView 列表,需要跟适配器Adapter结合,适配器提供数据 (六)Toast 闪现提示语,常用于普通的提示文本,只显示一小段时间自动消失 (七)ScrollView 一般用于

javascript控件开发之工具栏控件

在前几篇的基础上,本篇将开发工具栏控件,工具栏控件一般包括三部份, 1.toolBar控件,简单说就是工具栏容器, 2.toolButton控件,即工具栏上的按钮控件,该按钮控件包括图标和文字两部份, 3.则是分隔符控件,一般分隔符控件也是在toolButton控件基础上引申出来的, 为了简单易学,我们这里直接用上一篇的控件作为toolBar控件使用,也就是我们这次编写出来的toolButton控件直按放一Panel控件上, 首先在component\ui\文件夹下添加控件文件,com.ui.t

Win10 UWP开发系列——开源控件库:UWPCommunityToolkit

原文:Win10 UWP开发系列--开源控件库:UWPCommunityToolkit 在开发应用的过程中,不可避免的会使用第三方类库.之前用过一个WinRTXamlToolkit.UWP,现在微软官方发布了一个新的开源控件库—— UWPCommunityToolkit 项目代码托管在Github上:https://github.com/Microsoft/UWPCommunityToolkit 包括以下几个类库: 都可以很方便的从Nuget上安装. NuGet Package Name des