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

 更新时间:2018年07月17日 16:55:13   作者:风吹起如花般细碎流年  
这篇文章主要为大家详细介绍了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

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

相关文章

  • 详解四种主要的Android依赖管理方式

    详解四种主要的Android依赖管理方式

    Android应用开发涉及大量的依赖库和第三方组件,因此有效地管理这些依赖关系至关重要,本文将介绍四种主要的Android依赖管理方式,分析它们的优点、缺点以及最佳实践,需要的朋友可以参考下
    2023-09-09
  • Android利用Sensor(传感器)实现指南针小功能

    Android利用Sensor(传感器)实现指南针小功能

    这篇文章主要为大家详细介绍了Android利用Sensor(传感器)实现指南针小功能的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android Studio彻底删除项目 Android Studio彻底删除Module

    Android Studio彻底删除项目 Android Studio彻底删除Module

    这篇文章主要为大家详细介绍了Android Studio彻底删除项目,Android Studio彻底删除Module,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04
  • Android实现自定义滑动式抽屉菜单效果

    Android实现自定义滑动式抽屉菜单效果

    这篇文章主要为大家详细介绍了Android实现自定义滑动式抽屉效果菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Android Kotlin环境使用ButterKnife的方法

    Android Kotlin环境使用ButterKnife的方法

    本篇文章主要介绍了Android Kotlin环境使用ButterKnife的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Android编程动态按钮实现方法

    Android编程动态按钮实现方法

    这篇文章主要介绍了Android编程动态按钮实现方法,分享了onTouch方法及xml调用两种实现技巧,需要的朋友可以参考下
    2016-10-10
  • Android基于ViewPager实现的应用欢迎界面完整实例

    Android基于ViewPager实现的应用欢迎界面完整实例

    这篇文章主要介绍了Android基于ViewPager实现的应用欢迎界面,结合完整实例形式分析了ViewPager类用于欢迎界面显示图片的具体步骤与相关操作技巧,需要的朋友可以参考下
    2016-08-08
  • android仿iphone主题效果的主菜单

    android仿iphone主题效果的主菜单

    这篇文章主要为大家详细介绍了android仿iphone主题效果的主菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Android实现轮播效果的两种方法

    Android实现轮播效果的两种方法

    这篇文章主要为大家详细介绍了Android实现轮播效果的两种方法,使用ViewPager和SliderLayout第三方进行实现轮播,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android App开发中RecyclerView控件的基本使用教程

    Android App开发中RecyclerView控件的基本使用教程

    这篇文章主要介绍了Android App开发中RecyclerView控件的基本使用教程,RecyclerView在Android 5.0之后伴随着Material Design出现,管理布局方面十分强大,需要的朋友可以参考下
    2016-04-04

最新评论