Android 横向列表GridView 实现横向滚动

2024-09-05 09:38

本文主要是介绍Android 横向列表GridView 实现横向滚动,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Android 横向列表实现,可左右滑动,如下图

 

1.主界面布局代码:activity_main.xml

a.包裹HorizontalScrollView控件是GirdView横向滚动的基本条件
b.GirdView外包裹LinearLayout是java代码中参数设置的必要条件
复制代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" ><HorizontalScrollViewandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="5dp" ><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="fill_parent"android:layout_margin="10dp" ><GridViewandroid:id="@+id/grid"android:layout_width="fill_parent"android:layout_height="fill_parent"android:gravity="center"android:numColumns="auto_fit"android:stretchMode="spacingWidthUniform" ></GridView></LinearLayout></HorizontalScrollView></LinearLayout>
复制代码

2.主界面GridView列表子项布局文件:list_item.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<span style= "font-size: 14px;" ><?xml version= "1.0"  encoding= "utf-8" ?>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     android:id= "@+id/itemlayout"
     android:layout_width= "wrap_content"
     android:layout_height= "wrap_content"
     android:orientation= "vertical"  >
     <ImageView
         android:id= "@+id/ItemImage"
         android:layout_width= "80.0dip"
         android:layout_height= "80.0dip"
         android:layout_gravity= "center_horizontal"
         android:src= "@drawable/china"  >
     </ImageView>
     <TextView
         android:id= "@+id/tvCity"
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:layout_gravity= "center_horizontal"
         android:text= "Title"
         android:textColor= "#000000"  >
     </TextView>
     <TextView
         android:id= "@+id/tvCode"
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:layout_gravity= "center_horizontal"
         android:text= "Info"
         android:textColor= "#000000"  >
     </TextView>
</LinearLayout>
</span>

3.java实现代码:MainActivity.java

复制代码
package com.example.horizontallistview;import java.util.ArrayList;
import java.util.List;import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;/**** * @author ymw* @summary 博客地址欢迎访问: http://www.cnblogs.com/_ymw*/
public class MainActivity extends Activity {List<CityItem> cityList;RelativeLayout itmel;GridView gridView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);LayoutInflater layoutInflater = (LayoutInflater) this.getSystemService("layout_inflater");gridView = (GridView) findViewById(R.id.grid);setData();setGridView();}/**设置数据*/private void setData() {cityList = new ArrayList<CityItem>();CityItem item = new CityItem();item.setCityName("深圳");item.setCityCode("0755");cityList.add(item);item = new CityItem();item.setCityName("上海");item.setCityCode("021");cityList.add(item);item = new CityItem();item.setCityName("广州");item.setCityCode("020");cityList.add(item);item = new CityItem();item.setCityName("北京");item.setCityCode("010");cityList.add(item);item = new CityItem();item.setCityName("武汉");item.setCityCode("027");cityList.add(item);item = new CityItem();item.setCityName("孝感");item.setCityCode("0712");cityList.add(item);cityList.addAll(cityList);}
/**设置GirdView参数,绑定数据*/
private void setGridView() {int size = cityList.size();int length = 100;DisplayMetrics dm = new DisplayMetrics();getWindowManager().getDefaultDisplay().getMetrics(dm);float density = dm.density;int gridviewWidth = (int) (size * (length + 4) * density);int itemWidth = (int) (length * density);LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(gridviewWidth, LinearLayout.LayoutParams.FILL_PARENT);gridView.setLayoutParams(params); // 设置GirdView布局参数,横向布局的关键gridView.setColumnWidth(itemWidth); // 设置列表项宽gridView.setHorizontalSpacing(5); // 设置列表项水平间距 gridView.setStretchMode(GridView.NO_STRETCH);gridView.setNumColumns(size); // 设置列数量=列表集合数 GridViewAdapter adapter = new GridViewAdapter(getApplicationContext(),cityList);gridView.setAdapter(adapter);}
/**GirdView 数据适配器*/
public class GridViewAdapter extends BaseAdapter {Context context;List<CityItem> list;public GridViewAdapter(Context _context, List<CityItem> _list) {this.list = _list;this.context = _context;}
@Override
public int getCount() {return list.size();}@Overridepublic Object getItem(int position) {return list.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {LayoutInflater layoutInflater = LayoutInflater.from(context);convertView = layoutInflater.inflate(R.layout.list_item, null);TextView tvCity = (TextView) convertView.findViewById(R.id.tvCity);TextView tvCode = (TextView) convertView.findViewById(R.id.tvCode);CityItem city = list.get(position);tvCity.setText(city.getCityName());tvCode.setText(city.getCityCode());return convertView;}}public class CityItem {private String cityName;private String cityCode;public String getCityName() {return cityName;}public void setCityName(String cityName) {this.cityName = cityName;}public String getCityCode() {return cityCode;}public void setCityCode(String cityCode) {this.cityCode = cityCode;}} }
复制代码

 

4.项目代码如下链接:

http://files.cnblogs.com/_ymw/HorizontalListView_%E5%8D%9A%E5%AE%A2%E9%99%84%E4%BB%B6.rar

 

这篇关于Android 横向列表GridView 实现横向滚动的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1138601

相关文章

MyBatis-Plus逻辑删除实现过程

《MyBatis-Plus逻辑删除实现过程》本文介绍了MyBatis-Plus如何实现逻辑删除功能,包括自动填充字段、配置与实现步骤、常见应用场景,并展示了如何使用remove方法进行逻辑删除,逻辑删... 目录1. 逻辑删除的必要性编程1.1 逻辑删除的定义1.2 逻辑删php除的优点1.3 适用场景2.

C#借助Spire.XLS for .NET实现在Excel中添加文档属性

《C#借助Spire.XLSfor.NET实现在Excel中添加文档属性》在日常的数据处理和项目管理中,Excel文档扮演着举足轻重的角色,本文将深入探讨如何在C#中借助强大的第三方库Spire.... 目录为什么需要程序化添加Excel文档属性使用Spire.XLS for .NET库实现文档属性管理Sp

Python+FFmpeg实现视频自动化处理的完整指南

《Python+FFmpeg实现视频自动化处理的完整指南》本文总结了一套在Python中使用subprocess.run调用FFmpeg进行视频自动化处理的解决方案,涵盖了跨平台硬件加速、中间素材处理... 目录一、 跨平台硬件加速:统一接口设计1. 核心映射逻辑2. python 实现代码二、 中间素材处

Java数组动态扩容的实现示例

《Java数组动态扩容的实现示例》本文主要介绍了Java数组动态扩容的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1 问题2 方法3 结语1 问题实现动态的给数组添加元素效果,实现对数组扩容,原始数组使用静态分配

Python实现快速扫描目标主机的开放端口和服务

《Python实现快速扫描目标主机的开放端口和服务》这篇文章主要为大家详细介绍了如何使用Python编写一个功能强大的端口扫描器脚本,实现快速扫描目标主机的开放端口和服务,感兴趣的小伙伴可以了解下... 目录功能介绍场景应用1. 网络安全审计2. 系统管理维护3. 网络故障排查4. 合规性检查报错处理1.

Python轻松实现Word到Markdown的转换

《Python轻松实现Word到Markdown的转换》在文档管理、内容发布等场景中,将Word转换为Markdown格式是常见需求,本文将介绍如何使用FreeSpire.DocforPython实现... 目录一、工具简介二、核心转换实现1. 基础单文件转换2. 批量转换Word文件三、工具特性分析优点局

Springboot3统一返回类设计全过程(从问题到实现)

《Springboot3统一返回类设计全过程(从问题到实现)》文章介绍了如何在SpringBoot3中设计一个统一返回类,以实现前后端接口返回格式的一致性,该类包含状态码、描述信息、业务数据和时间戳,... 目录Spring Boot 3 统一返回类设计:从问题到实现一、核心需求:统一返回类要解决什么问题?

Java使用Spire.Doc for Java实现Word自动化插入图片

《Java使用Spire.DocforJava实现Word自动化插入图片》在日常工作中,Word文档是不可或缺的工具,而图片作为信息传达的重要载体,其在文档中的插入与布局显得尤为关键,下面我们就来... 目录1. Spire.Doc for Java库介绍与安装2. 使用特定的环绕方式插入图片3. 在指定位

Java使用Spire.Barcode for Java实现条形码生成与识别

《Java使用Spire.BarcodeforJava实现条形码生成与识别》在现代商业和技术领域,条形码无处不在,本教程将引导您深入了解如何在您的Java项目中利用Spire.Barcodefor... 目录1. Spire.Barcode for Java 简介与环境配置2. 使用 Spire.Barco

Java利用Spire.Doc for Java实现在模板的基础上创建Word文档

《Java利用Spire.DocforJava实现在模板的基础上创建Word文档》在日常开发中,我们经常需要根据特定数据动态生成Word文档,本文将深入探讨如何利用强大的Java库Spire.Do... 目录1. Spire.Doc for Java 库介绍与安装特点与优势Maven 依赖配置2. 通过替换