Android仿贴吧内容下的简单ListView嵌套GridView

ListView嵌套GridView的简单实例

我的项目想实现一个listview里面的每个item都嵌套一个GridView,顶部还有主题等内容,如

总所周知,关于ListView嵌套GridView,最主要问题莫过于嵌套状态下滑动冲突问题,具体怎么解决,喜欢冗长无注释的代码的,请点击这里这篇文章跟其他的都大同小异了,不过在缺少注释的情况下,我发现了一点点小问题:

/**
 * 创建日期:2017/3/21.
 * 说明:构造方法会根据你的SDK最低版本不同而要求不同,如18的至少必须重写前
 * 三个,第四个SDK要求最低21,可以不重写,但前三个必须写,否则这个自定义的
 * MyGridView 在运用时会报错;
 * onMeasure:自定义GridView 控件,实现无法滚动(拖动)的方法
 */
public class MyGridView extends GridView {

  public MyGridView(Context context) {
    super(context);
  }

  public MyGridView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public MyGridView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }

//public MyGridView(Context context, AttributeSet attrs, int  //defStyleAttr, int defStyleRes) {
//    super(context, attrs, defStyleAttr, defStyleRes);
//  }

  /**
   * 重写测量GridView的内容空间(有多少数据内容)
   * @param widthMeasureSpec 占用宽度
   * @param heightMeasureSpec 占用高度
   */
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // expandSpec:拓展空间,其中MeasureSpec.AT_MOST为“最大模式”
    // AT_MOST:最大模式,比喻为布局里的match_parent
    // EXACTLY:精确模式,比喻为布局里的"50dp"
    // UNSPECIFIED:未指定模式,比喻为布局里的wrap_content
    int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
    super.onMeasure(widthMeasureSpec, expandSpec);
  }

  /**
   * 重写事件分发:因为两个都是ViewGroup,这个方法不知道是否可行,
   * 有兴趣的朋友自行脑补
   */
//  @Override
//  public boolean dispatchTouchEvent(MotionEvent ev) {
//    if (ev.getAction() == MotionEvent.ACTION_MOVE){
//      //返回true直接结束当前事件消费
//      return true;
//    }
//    return super.dispatchTouchEvent(ev);
//  }

   /**
   * 如果是嵌套在ScollView中的,则这样写
   * 设置是否有ScrollBar,当要在ScollView中显示时,应当设置为
   * false。 默认为 true
   */
//  boolean haveScrollbars = false;
//  public void setHaveScrollbar(boolean haveScrollbar) {
//    this.haveScrollbar = haveScrollbar;
//  }
//  @Override
//  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//    if (haveScrollbars == false) {
//      int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
//      super.onMeasure(widthMeasureSpec, expandSpec);
//    } else {
//      super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//    }
//  }

}

上面这个GridView就算自定义好了,接下来我们简单贴上listview的适配器主要方法getview(…)

 @Override
  public View getView(final int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;
    if (convertView == null) {
      holder = new ViewHolder();
      convertView = mInflater.inflate(R.layout.item_lv_gridview, null);
      holder.mMyGridView = (MyGridView) convertView.findViewById(R.id.gridView_show_controller);
      convertView.setTag(holder);
    } else {
      holder = (ViewHolder) convertView.getTag();
    }

//注意:这是重要的地方
//鉴于我们想让每个item下的GridView都能独立,因此只能通过new 出适配器来
//单独定义每个item,这样才能让每个listview的item内容都有不同的GridView
    DevicesAdapter devicesAdapter = new DevicesAdapter(mContext);
    devicesAdapter.setDevicesList(deviceList);
    holder.mMyGridView.setAdapter(devicesAdapter);
    holder.mMyGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//监听最后一个item(position==list.size()-1),
//动态更改其作用功能(比如增加一条数据,或者blablabla...)
        if (position == parent.getCount() - 1) {
          mItemListener.onAddClick();
        } else {
  mItemListener.onDeviceItemClick(deviceList.get(position));
        }
      }
    });

    return convertView;
  }

  static class ViewHolder {
    MyGridView mMyGridView;
  }

只要再定义GridView的适配器就大功告成了(适配器相信到这时候大家应该都很熟了,我就不注释了哈,请原谅我比较懒)

public class DevicesAdapter extends BaseAdapter {

  private final LayoutInflater mInflater;
  private ArrayList<DeviceInfos> devicesList;

  public DevicesAdapter(Context context) {
    mInflater = LayoutInflater.from(context);
  }

  public void setDevicesList(ArrayList<DeviceInfos> devicesList) {
    this.devicesList = devicesList;
  }

  @Override
  public int getCount() {
    if (devicesList == null) {
      return 1;
    }
    return devicesList.size() + 1;
  }

  @Override
  public Object getItem(int position) {
    return null;
  }

  @Override
  public long getItemId(int position) {
    return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;
    if (convertView == null) {
      convertView = mInflater.inflate(R.layout.item_grid_view, null);
      holder = new ViewHolder();
      holder.mImageView = (ImageView) convertView.findViewById(R.id.img_controller);
      holder.mTextView = (TextView) convertView.findViewById(R.id.tv_controller_name);
      convertView.setTag(holder);
    } else {
      holder = (ViewHolder) convertView.getTag();
    }
    if (devicesList!=null && position < devicesList.size()) {
      String childDeviceName = devicesList.get(position).getChildDeviceName();
      holder.mImageView.setImageResource(R.drawable.huajidadi);
      holder.mTextView.setText(childDeviceName);
    } else {
      holder.mImageView.setImageResource(R.drawable.add);
      holder.mTextView.setVisibility(View.GONE);
    }
    return convertView;
  }

  static class ViewHolder {
    ImageView mImageView;
    TextView mTextView;
  }
}

布局我就不给了,就简单的几个item的布局,请同学们自己定义吧…

总结:解决滑动冲突的方法或者涉及点击、移动等属性的,用自定义控件再重写事件分发,可以很好的解决。但是对于同样是ViewGroup就没办法像View的组件那样,通过调用onInterceptTouchEvent(MotionEvent ev)进行拦截了,因此只能另寻他法,而这关键就是重写onMeasure(int widthMeasureSpec, int heightMeasureSpec)这个方法,使得GridView的“控件大小”被固定,这样就不会与另一个滑动事件冲突了。

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

(0)

相关推荐

  • Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法

    Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法 ScrollView 下嵌套 ListView 或 GridView 会发列表现数据只能显示一行.因为他们都是滚动结构,两个滚动条放到一起就会引起冲突. 解决此问题可以通过计算 ListView 高度或重写 ListView 的 onMeasure 方法来解决.下面介绍通过重写 onMeasure 方法来解决问题. 重写 onMeasure 方法如下: public class ScrollLi

  • android ListView和GridView拖拽移位实现代码

    关于ListView拖拽移动位置,想必大家并不陌生,比较不错的软件都用到如此功能了.如:搜狐,网易,百度等,但是相比来说还是百度的用户体验较好,不偏心了,下面看几个示例:             首先说一下:拖拽ListView的item就不应该可以任意移动,只应该在ListView所在的范围内,而网易的你看看我都可以移动到状态栏了,虽然你做了处理,但是用户体验我个人感觉不好,在看看百度的,不仅控制了移动范围,更不错的百度的移动起来会时时的换位,看起来相当的形象,所以我认为这样相当的棒.说明一点

  • Android开发之ListView、GridView 详解及示例代码

    ListView与GridView是Android开发中的常用控件,它们和Adapter配合使用能够实现很多界面效果.下面分别以实例说明ListView.GridView的用法.        1.ListView的Android开发实例 ListView 是android开发中最常用的控件之一,一般构成列表包括三个元素,ListView:用来展示列表的视图.Adapter:数据与视图连接的桥梁.Data:具体的数据包括字符串 .图片或者控件. 适配器一般有以下几种类型: ArrayAdapte

  • Android 中ScrollView嵌套GridView,ListView的实例

    Android 中ScrollView嵌套GridView,ListView的实例 在Android开发中,经常有一些UI需要进行固定style的动态布局,然而由于现在的UI都喜欢把一个界面拉的很长,所以我们很多情况下需要使用ScrollView来嵌套列表控件来实现UI.这样就导致了很多不顺心的问题. 问题一:列表控件显示不完全 原因是嵌套情况下,ScrollView不能正确的计算列表控件的高度. 有两种解决方案 方案一 在适配器赋值完成后代码动态计算列表的高度.这里贴出ListView的计算代

  • Android 中ListView和GridView赋值错位

    ListView和GridView多次调用getView的bug,导致赋值错位 最近总遇到写GridView适配器赋值时,最后一两个需定义其他图片时,赋图错误,原因就是适配器的getView多次调用,导致数据赋值错误,上网搜索终于找到解决方案,以此记录下. 一.ListView 1.原因 因为listView一般用的是wrap_content,高度不确定,导致系统需要不断地测量,也就多次调用onMeasure方法,所以就多次调用getView. 2.解决 很简单,把宽高写死即可(明确给个数字或者

  • Android RecyclerView详解之实现 ListView GridView瀑布流效果

     什么是RecyclerView RecyclerView 是Google推出的最新的 替代ListView.GridView的组件,RecyclerView是用来显示大量数据的容器,并通过有限数量的子View,来提高滚动时的性能. 与ListView不同,RecyclerView 不再负责布局,而是专注于布局复用.布局主要通过 LayoutManager来管理,目前提供了3种常用的布局管理: LinearLayoutManager 线性布局管理器 (ListView效果) GridLayout

  • 关于Android中ListView嵌套GridView的问题

    问题 在Android开发中,遇到一个问题,是ListView嵌套GridView,需要点击整个ListView的Item进行跳转.但是在点击GridView区域时无法进行页面的跳转.这是因为GridView获得了焦点.导致点击无法跳转. 解决方法就是: 1.在Item最外层加上 android:descendantFocusability="blocksDescendants" 2.在Adapter中添加 holder.mGridView.setClickable(false); h

  • Android之ScrollView嵌套ListView和GridView冲突的解决方法

    那么里面的ScrollView高度计算就会出现问题.我们也就无法得到想要的效果.核心解决方案: 重写ListView或者GridView的OnMesure 方法. 复制代码 代码如下: public class MyListView extends ListView {        public MyListView(Context context) {                super(context);        }        public MyListView(Conte

  • Android仿贴吧内容下的简单ListView嵌套GridView

    ListView嵌套GridView的简单实例 我的项目想实现一个listview里面的每个item都嵌套一个GridView,顶部还有主题等内容,如 总所周知,关于ListView嵌套GridView,最主要问题莫过于嵌套状态下滑动冲突问题,具体怎么解决,喜欢冗长无注释的代码的,请点击这里这篇文章跟其他的都大同小异了,不过在缺少注释的情况下,我发现了一点点小问题: /** * 创建日期:2017/3/21. * 说明:构造方法会根据你的SDK最低版本不同而要求不同,如18的至少必须重写前 *

  • Android仿百度外卖自定义下拉刷新效果

    现如今的APP各式各样,同样也带来了各种需求,一个下拉刷新都能玩出花样了,前两天订饭的时候不经意间看到了"百度外卖"的下拉刷新,今天的主题就是它–自定义下拉刷新动画. 看一下实现效果吧: 动画 我们先来看看Android中的动画吧: Android中的动画分为三种: Tween动画,这一类的动画提供了旋转.平移.缩放等效果. Alpha – 淡入淡出 Scale – 缩放效果 Roate – 旋转效果 Translate – 平移效果 Frame动画(帧动画),这一类动画可以创建一个D

  • Android仿泡泡窗实现下拉菜单条实例代码

    功能描述:点击下拉按钮,显示出所有的条目,有删除和点击功能,点击后将条目显示. 注意:泡泡窗默认是没有焦点的.要让泡泡窗获取到焦点.假如listview的item中有Button,ImageButton,CheckBox等会强制获取焦点的view 此时,listview的item无法获取焦点,从而无法被点击 解决方法:给item的根布局增加以下属性 Android:descendantFocusability="blocksDescendants"设置之后,Button获取焦点,ite

  • Android仿京东、天猫下拉刷新效果

    说到下拉刷新,相信大家都不陌生,现在基本上每个项目都会用到.我们公司的项目一直都是使用SwipeRefreshLayout,官方的Material Design风格,好用少Bug.现在下拉刷新大概有下面几种实现方式:一种是直接包在ListView或者RecyclerView的头部,有的则是像SwipeRefreshLayout一样,包在视图的最外层,个人建议使用包在最外层的做法,可拓展性比较强.下面用包在最外层的方法实现京东和天猫的下拉刷新. 1.使用框架Android-Ultra-Pull-T

  • Android仿QQ左滑删除置顶ListView操作

    最近闲来无事,于是研究了一下qq的左滑删除效果,尝试着实现了一下,先上效果图: 大致思路原理: - 通过设置margin实现菜单的显示与隐藏 - 监听onTouchEvent,处理滑动事件 上代码 import android.content.Context; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.view.MotionEvent; import android.v

  • Android 仿京东侧滑筛选实例代码

    简单介绍 这个demo写的是仿京东的侧滑筛选页面,点击进入筛选后进入二级筛选,两次侧滑的筛选,还包括ListView+CheckBox滑动冲突,ListView+ GridView显示一行问题解决,接口回调传递数据等 效果图 简单得代码介绍 1.首页侧滑用的是安卓官方V4包中的DrawerLayout <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLa

  • android 仿微信demo——登录功能实现(移动端)

    移动端登录功能实现 登录功能基本和注册一样,唯一不同的是登录可以实现两种登录方式(微信号和手机号),也就是布局不一样.所以需要两个布局,两个activity(这个方法比较简单粗暴,我懒.也可以通过activity动态切换布局,这样只需要一个activity就可以了) 创建两个activity,实现两种登录方式 微信号登录activity LoginUser.java package com.example.wxchatdemo; import android.annotation.Suppres

  • Android仿微信朋友圈图片查看器

    再看文章之前,希望大家先打开自己的微信点到朋友圈中去,仔细观察是不是发现朋友圈里的有个"九宫格"的图片区域,点击图片又会跳到图片的详细查看页面,并且支持图片的滑动和缩放?这个功能是不是很常用呢?!那么我今天正好做了这个Demo,下面为大家讲解一下.首先按照惯例先看一下效果图吧,尤其不会录制gif动画(哎~没办法,模拟器不支持多点触控,刚好我的手机又没有Root,不能录屏,悲催啊,大家见谅,想要看真实效果的话,烦请移到文章最下方转载文章中进行源码下载,点击下载源码,运行后再看效果哈~~)

  • Android 仿京东、拼多多商品分类页的示例代码

    最近接了一个项目,要仿照京东写一个商品分类页,但需要滑动右边子分类,左边的主分类也跟着变换,写了个demo,需要的同学可以自取. 先放一个写完之后的样子: 写这个需求的思路也很清晰,首先左边肯定是一个listView,右边也是一个listView,这两个listView要达到一个联动的效果.右边的listView再嵌套一个GridView即可.如下图所示. 所以,我们需要的数据结构也就确定了,应该是数组套数组,也就说护肤大分类下又有子分类商品,类似于这个样子: ok,数据和UI结构确定了,就可以

随机推荐