前段时间因为项目需要,需要一个只有一行的GridView,而且当一行内容较多的时候,可以左右滑动。一开始想到使用Gallery,但是现在已经过时了。于是决定自定义一个。
基本思路是用一个HorizonScrollView包住一个GridView,然后根据数据的长度,动态计算GridView的宽度。
先看下效果:
具体实现如下:
首先是布局文件
<?xml version="1.0" encoding="utf-8"?> <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/grid_view_container" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <GridView android:id="@+id/grid_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" /> </LinearLayout> </HorizontalScrollView>
然后在Activity中加载GridView所需要填充的数据
oneRowGridView = (GridView) findViewById(R.id.grid_view); oneRowGridView.setOnItemClickListener(this); GetDataAsyncTask getDataAsyncTask = new GetDataAsyncTask(); getDataAsyncTask.execute(this.getApplicationContext());
这里使用一个AsyncTask来加载数据,因为一般来说数据加载是一个比较耗时的操作,如果在Android UI线程直接加载,可能会阻塞UI线程,带来不好的用户体验。耗时操作之后,更新UI,并动态设置GridView的宽度。AsyncTask详细代码如下:
private class GetDataAsyncTask extends AsyncTask<Context, Void, LinkedList<OneRowGridItem>> { private Context context; @Override protected LinkedList<OneRowGridItem> doInBackground(Context... arg0) { LinkedList<OneRowGridItem> dataList = new LinkedList<OneRowGridItem>(); this.context = arg0[0]; OneRowGridItem itemKfc = new OneRowGridItem(); itemKfc.setText("kfc"); itemKfc.setImage(context.getResources().getDrawable(R.drawable.kfc)); dataList.add(itemKfc); //为了方便,此处直接加载drawable下面图片 return dataList; } @Override protected void onPostExecute(LinkedList<OneRowGridItem> result) { oneRowGridAdapter = new OneRowGridAdapter(context, result); oneRowGridView.setAdapter(oneRowGridAdapter); int itemWidth = (int)(70 * context.getResources().getDisplayMetrics().density); int itemSize = result.size(); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(itemSize * itemWidth, LinearLayout.LayoutParams.WRAP_CONTENT); oneRowGridView.setLayoutParams(params); oneRowGridView.setNumColumns(itemSize); } }
可以看到在onPostExecute方法中,动态设置了GridView的宽度,以保证一行显示OneRowGridAdapter是自定义了GridView中每个Item的显示。
package com.cchen.myviews; import android.content.Context; import android.graphics.Color; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import java.util.LinkedList; import java.util.List; /** * Created by cchen on 2014/7/24. */ public class OneRowGridAdapter extends BaseAdapter { private List<OneRowGridItem> itemList = new LinkedList<OneRowGridItem>(); private Context context; private int selectedItemIndex = -1; public OneRowGridAdapter(Context context, List<OneRowGridItem> categoryIconList) { this.itemList = categoryIconList; this.context = context; } public void setSelection(int index) { this.selectedItemIndex = index; this.notifyDataSetChanged(); } public int getSelection() { return this.selectedItemIndex; } @Override public int getCount() { return itemList.size(); } @Override public Object getItem(int position) { return itemList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { convertView = LayoutInflater.from(context).inflate(R.layout.one_row_grid_item, null); ImageView imageView = (ImageView) convertView.findViewById(R.id.one_row_grid_item_image); imageView.setImageDrawable(itemList.get(position).getImage()); TextView textView = (TextView) convertView.findViewById(R.id.one_row_grid_item_text); textView.setText(itemList.get(position).getText()); if(position == selectedItemIndex) { convertView.setBackgroundColor(context.getResources().getColor(R.color.one_row_grid_item_bg)); } else { convertView.setBackgroundColor(Color.TRANSPARENT); } return convertView; } }
其中,R.layout.one_row_grid_item就是没一个Item的布局文件。可以看到新添加了一个selectedItemIndex,这是为了实现在某个Item选中的时候,改变他的背景颜色,使得该Item突出显示。虽然可以使用selector定义Item选中和未选中时候的样式,但那只限于手指接触到该控件,手指离开时,会恢复到初始样式。Item的布局如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/one_row_grid_item" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center" > <ImageView android:id="@+id/one_row_grid_item_image" android:src="@drawable/kfc" android:layout_width="70dp" android:layout_height="70dp" android:duplicateParentState="true"/> <TextView android:id="@+id/one_row_grid_item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:duplicateParentState="true" android:ellipsize="end" android:singleLine="true" android:textColor="#ff000000" android:textSize="16sp" android:text="@string/kfc" android:layout_gravity="center"/> </LinearLayout>
这样我们就基本实现了一行显示的GridView,至于他的事件可以参考GridView的事件处理,这里需要提示下,在GridView的OnItemClickListener的onClick方法中,需要调用adaptor的setSelection以改变选中Item的背景颜色。
相关推荐
Android 单行水平滑动效果,用HorizontalScrollView+GridView 来实现的,点击选中项后,退出再次进入应用,直接跳转到改选中项。
Android ScrollView+GridView左右滑动 创建时自动定位滑动到某一项以及点击按钮准确定位到某一项,附带源码,非常适合初学者。
还是很有趣的,实现的流畅度没有人家的那么好,我只是模仿这种效果,我写的这个拖拽是两个图标之间进行交换,所以,当从一行的某个位置,换到下一行的另一列的时候,发现有好几个图标都改变位置了,因为是相邻两个...
简书地址:https://www.jianshu.com/p/d0f4547f7760 俩种实现方案 1、recyclerView 实现 GridView模式同一行,使其高度平齐,自动适应高度最大item 2、GridView 实现同一行,使其高度平齐,自动适应高度最大item
ArrayAdapter:支持泛型操作,最简单的一个Adapter,只能展现一行文字 SimpleAdapter:同样具有良好扩展性的一个Adapter,可以自定义多种效果 SimpleCursorAdapter:用于显示简单文本类型的listView,一般在数据库...
本文给大家带来两种有关Android 中 GridView嵌套在ScrollView里只有一行的解决方法,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
在前一个项目中,实现了一个功能是gridview中的item自由拖到效果,实现思路很简单,主要工作就是交换节点,以及拖动时的移动效果,下面小编给大家分享具体实现过程,对gridview实现拖拽效果感兴趣的朋友一起看看吧
本文实例为大家分享了安卓实现单行多列横向滚动,供大家参考,具体内容如下 <GridLayout android:layout_width=match_parent android:layout_height=match_parent android:columnCount=1> <...
主布局文件,因为要做下拉刷新,所以加了一个ProgressBar,GridView的numColumns属性是指每一行有多少列 <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools=...
这一次给大家带来的依旧是最简单的页面效果图--Android仿支付宝首页GridView的网格效果-不能够换位置 原理也很简单,就是gridview有一个背景颜色,也就是你所看见的分割线的颜色,然后还有一个就是每一个子布局的...
android快速开发框架afinal的特点: 使用简单,无需配置但可配置 在listview和gridview等容器加载图片的时候快速滑动无错误现象 支持线程池并发数量配置 支持内存缓存大小配置 支持磁盘大小缓存配置,和缓存...
gridview中先确定有两行,每行三列,放第五个数据之后动态给list添加一个“更多分类”的按钮,点击“更多分类之后”展开显示全部,并且在最后加上“收起”的按钮,在点击“收起”之后回到两行的状态并且出现“更多...
零、常用属性 首先我们来看看GridView的一些常用的属性吧 ...4.android:verticalSpacing=”10dp” //两行之间的边距 5.android:horizontalSpacing=”10dp” //两列之间的边距 6.android:cacheColorHint=”#0
本例子是单行横向滑动日历,只显示一行日历,利用ViewFlipper动态添加和删除GridView达到资源合理利用,滑动过程顺畅
网上大多是通过自定义ViewGroup实现流布局,在ListView或者GridView中使用时,性能不好,这里是通过自定义View实现流布局的,目前仅支持文本。
由于ListView,GridView本身都继承于ScrollView,一旦在ScrollView中嵌套ScrollView,在ScrollView中嵌套使用ListView或者GridView,ListView只会显示一行多一点。两者进行嵌套,即会发生冲突
Android GridView简单应用,GridView 是 DataGrid的后继控件,在.net...GridView和DataGrid功能相似,都是在web页面中显示数据源中的数据,将数据源中的一行数据,也就是一条记录,显示为在web页面上输出表格中的一行。
而且listVIew和GridView抢占了焦点,使得ListView和GrideView具有自身的显示的效果,这样就测量出显示一行条目即可的距离,其他的条目根据自身的滑动显示。 我的XMl的部分代码如下: <ScrollView android:...
本文实例讲述了Android使用GridView展示图片的方法。分享给大家供大家参考,具体如下: 今天说说GridView的使用。 所谓GvidView翻译过来就是网格布局:是一个ViewGroup以网格显示它的子视图(view)元素,即二维的、...