Android使用Gridview单行横向滚动显示

本文实例为大家分享了Android使用Gridview单行横向滚动显示的具体代码,供大家参考,具体内容如下

要想实现滚动显示,layout布局里必须要使用HorizontalScrollView,才能实现横向滑动,但HorizontalScrollView标签里要嵌套一个LinearLayout布局

activity_main.xml,如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity"
 android:orientation="vertical"
 android:weightSum="2" >

 <HorizontalScrollView
  android:id="@+id/horizontal_scrollview"
  android:layout_height="0dp"
  android:layout_width="fill_parent"
  android:layout_weight="1"
  android:layout_gravity="center"
  android:background="@android:color/darker_gray"
  android:scrollbars="none">
   <LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="horizontal">
     <GridView
      android:id="@+id/test_gridview"
      android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_gravity="center"/>
   </LinearLayout>
 </HorizontalScrollView>
</LinearLayout>

gridview中的item的布局如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="80dp"
 android:layout_height="match_parent"
 android:orientation="vertical" >
 <ImageView
  android:id="@+id/item_img"
  android:layout_width="60dp"
  android:layout_height="60dp"
  android:layout_gravity="center_horizontal"
  android:scaleType="fitXY"
  android:background="#00000000"/>
 <TextView
  android:id="@+id/item_text"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:textSize="20dp"
  android:text="233"
  android:textColor="@android:color/white"/>
</LinearLayout>

实现类如下:

package com.example.scrollgridview;

import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

 private GridView gridview;
 private int imgs[]={R.drawable.remote_tv_0,
   R.drawable.remote_tv_1,R.drawable.remote_tv_2,
   R.drawable.remote_tv_3,R.drawable.remote_tv_4,
   R.drawable.remote_tv_5,R.drawable.remote_tv_6,
   R.drawable.remote_tv_7,R.drawable.remote_tv_8,
   R.drawable.remote_tv_9};
 private GridviewAdapter adapter;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  gridview = (GridView)findViewById(R.id.test_gridview);
  adapter = new GridviewAdapter();

  DisplayMetrics dm = new DisplayMetrics();
  getWindowManager().getDefaultDisplay().getMetrics(dm);
  float density = dm.density;
  int size = imgs.length;//要显示数据的个数
  //gridview的layout_widht,要比每个item的宽度多出2个像素,解决不能完全显示item的问题
  int allWidth = (int) (82 * size * density);
  //int allWidth = (int) ((width / 3 ) * size + (size-1)*3);//也可以这样使用,item的总的width加上horizontalspacing
  int itemWidth = (int) (80 * density);//每个item宽度
  LinearLayout.LayoutParams params = new
  LinearLayout.LayoutParams(allWidth,LinearLayout.LayoutParams.MATCH_PARENT);
  gridview.setLayoutParams(params);
  gridview.setColumnWidth(itemWidth);
  gridview.setHorizontalSpacing(3);
  gridview.setStretchMode(GridView.NO_STRETCH);
  gridview.setNumColumns(size);

  gridview.setAdapter(adapter);
  adapter.setindex(0);
  adapter.notifyDataSetChanged();

  gridview.setOnItemClickListener(new OnItemClickListener() {

   @Override
   public void onItemClick(AdapterView<?> parent, View view,
     int position, long id) {
    // TODO Auto-generated method stub
    adapter.setindex(position);
    adapter.notifyDataSetChanged();
   }
  });
 }

 class GridviewAdapter extends BaseAdapter{
  private int index = 0;
  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return imgs.length;
  }

  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return imgs[position];
  }

  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }

  public void setindex(int index){
   this.index = index;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   LayoutInflater mInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
   ViewHolder viewHolder;
   if (convertView == null) {
    convertView = mInflater.inflate(R.layout.gridview_itme, null);
    viewHolder = new ViewHolder();
    viewHolder.img = (ImageView)convertView.findViewById(R.id.item_img);
    viewHolder.text = (TextView)convertView.findViewById(R.id.item_text);
    convertView.setTag(viewHolder);
   }else{
    viewHolder = (ViewHolder)convertView.getTag();
   }
   if(this.index == position){
    convertView.setBackgroundResource(R.drawable.list_item_bg_focus);
   }
   else{
    convertView.setBackgroundResource(R.drawable.list_item_bg);
   }
   viewHolder.img.setImageResource(imgs[position]);
   viewHolder.text.setText(position+"");
   return convertView;
  }

  class ViewHolder{
   ImageView img;
   TextView text;
  }
 }

}

代码下载地址:AndroidGridviewScroll(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义View之RadioGroup实现跨多行显示

    本文实例为大家分享了Android RadioGroup跨多行显示的具体代码,供大家参考,具体内容如下 此自定义View源于网络,具体出处不详. import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import androi

  • Android使用Gridview单行横向滚动显示

    本文实例为大家分享了Android使用Gridview单行横向滚动显示的具体代码,供大家参考,具体内容如下 要想实现滚动显示,layout布局里必须要使用HorizontalScrollView,才能实现横向滑动,但HorizontalScrollView标签里要嵌套一个LinearLayout布局 activity_main.xml,如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&qu

  • Android使用GridView实现横向滚动效果

    本文实例为大家分享了Android使用GridView实现横向滚动效果的具体代码,供大家参考,具体内容如下 第一次做横向滑动,看了一些列子,基本就2总:HorizontalListView和GridView.考虑的了下选择用比较熟的GridView,并且在2种方案都使用过,根据本人实际情况,采用了更适合的GridView. 也希望看过这篇博客的大神们,能指点下HorizontalListView和GridView两个方案的优缺点. 思路: XML界面:用HorizontalScrollView

  • Android通过实现GridView的横向滚动实现仿京东秒杀效果

    实现GridView的横向滚动 效果如下图: 具体实现的代码 •1. 主界面布局代码:activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"

  • jquery 页眉单行信息滚动显示实现思路及代码

    以下是控制滚动的样式,将滚动的内容查询出来,放在一个div 或者别的容器里面,我这里使用的是<dt> <style> #newCglist{width:300px;height:14px;line-height:14px;overflow:hidden} #newCglist li{height:14px;padding-left:10px;} </style> 以下是滚动内容展示的容器 <dt class="positionrel" id=&

  • 详解Android使GridView横向水平滚动的实现方式

    Android为我们提供了竖直方向的滚动控件GridView,但如果我们想让它水平滚动起来,就需要自己实现了. 以下使用的测试数据datas集合都为List<ResolveInfo>类型,用来存储手机中的所有App public static List<ResolveInfo> getAppData(Context context) { PackageManager packageManager = context.getPackageManager(); Intent mainI

  • Android控件gridview实现单行多列横向滚动效果

    本文实例为大家分享了安卓实现单行多列横向滚动,供大家参考,具体内容如下 <GridLayout android:layout_width="match_parent" android:layout_height="match_parent" android:columnCount="1" > <HorizontalScrollView android:layout_width="match_parent" a

  • Android开发实现横向列表GridView横向滚动的方法【附源码下载】

    本文实例讲述了Android开发实现横向列表GridView横向滚动的方法.分享给大家供大家参考,具体如下: Android 横向列表实现,可左右滑动,如下图 1. 主界面布局代码:activity_main.xml a.包裹HorizontalScrollView控件是GirdView横向滚动的基本条件 b.GirdView外包裹LinearLayout是java代码中参数设置的必要条件 <?xml version="1.0" encoding="utf-8"

  • Android GridView实现横向列表水平滚动

    本文实例为大家分享了Android GridView实现横向列表水平滚动的具体代码,供大家参考,具体内容如下 有时候根据项目需要,使用可横向滑动的GridView.仅以该文记录一下,毕竟没什么技术含量. 1.主界面布局代码:activity_main.xml.设置android:numColumns="auto_fit"是因为可以不定项的添加子项. <?xml version="1.0" encoding="utf-8"?> <

  • Android开发ListView中下拉刷新上拉加载及带列的横向滚动实现方法

    ListView 控件可使用四种不同视图显示项目.通过此控件,可将项目组成带有或不带有列标头的列,并显示伴随的图标和文本. 可使用 ListView 控件将称作 ListItem 对象的列表条目组织成下列四种不同的视图之一:1.大(标准)图标2.小图标3.列表4.报表 View 属性决定在列表中控件使用何种视图显示项目. 还可用 LabelWrap 属性控制列表中与项目关联的标签是否可换行显示.另外,还可管理列表中项目的排序方法和选定项目的外观. 相信有很人做的项目估计都用的到这个.就是List

  • android开发之横向滚动/竖向滚动的ListView(固定列头)

    由于项目需要,我们需要一个可以横向滚动的,又可以竖向滚动的 表格.而且又要考虑大数据量(行)的展示视图.经过几天的研究终于搞定,做了一个演示.贴图如下:      好吧.让我们看思路是什么样的: 1. 上下滚动直接使用 listView来实现. 2. 左右滚动使用HorizontalScrollView,来处理滚动.我写一个类MyHScrollView继承 自它. 2.1 . ListView里的每行(row)分为 两部分,不滚动的和可滚动的区域.比如本demo的第一列,就是静态的.而后面的所有

随机推荐