Android RecyclerView仿新闻头条的频道管理功能

需要在build里添加依赖

 compile 'com.android.support:recyclerview-v7:25.3.1'

布局文件activity_main

<android.support.v7.widget.RecyclerView
    android:layout_weight="1"
    android:id="@+id/recyclerView_up"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
  </android.support.v7.widget.RecyclerView>
  <!--用来划分上下的频道-->
  <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#999999">
  </View>
  <android.support.v7.widget.RecyclerView
    android:layout_weight="1"
    android:id="@+id/recyclerView_down"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
  </android.support.v7.widget.RecyclerView>

在layout下定义一个message.xml布局文件,用来显示RecyclerView里的文字,跟listview的意义差不多

 <TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:padding="3dp"
    android:text="123123123" />

写一个 MyItemOnClickListener 接口用来监听点击事件,在里边传入两个参数,第一个是试图,第二是点击的下标

public interface MyItemOnClickListener {
  void onClick(View view,int position);
}

RecyclerView的适配器类

//RecyclerView.Adapter<?>里写的是优化继承ViewHolder的帮助类
public class ViewAdapter extends RecyclerView.Adapter<ViewAdapter.MyViewHolder> {
  private Context mContext;
  /**
  *特别注意一下mList后面一定要默认赋值,不然运行的时候会报错,因为我们默认上面的RecyclerView是没有添加数据的
  */
  private List<String> mList=new ArrayList<>();
  private MyItemOnClickListener myItemOnClickListener;
  public ViewAdapter(Context context) {
    this.mContext = context;
  }
  //传数组的方法
  public void setMessage(List<String> list) {
    this.mList = list;
  }
  //写个方法把接口传过来
  public void setMyItemOnClickListener(MyItemOnClickListener myItemOnClickListener)
  {
    this.myItemOnClickListener = myItemOnClickListener;
  }
  @Override
  public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    //打气筒填充我们自定义的message.xml的试图
    View view = View.inflate(mContext, R.layout.messgae, null);
    //优化
    final MyViewHolder holder = new MyViewHolder(view);
    //监听
    view.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //调用我们自定义接口的方法
        myItemOnClickListener.onClick(v, holder.getLayoutPosition());
      }
    });
    return holder;
  }
  @Override
  public void onBindViewHolder(MyViewHolder holder, int position) {
    MyViewHolder viewHolder = holder;
    viewHolder.textView.setText(mList.get(position));
  }
  @Override
  public int getItemCount() {
    return mList.size();
  }
  //ViewHolder优化
  static class MyViewHolder extends RecyclerView.ViewHolder {
    private TextView textView;
    public MyViewHolder(View itemView) {
      super(itemView);
      textView = (TextView) itemView.findViewById(R.id.textView);
    }
  }
}

在MainActivity的实现

public class MainActivity extends AppCompatActivity {
  private RecyclerView recyclerView_up;
  private RecyclerView recyclerView_down;
  private List<String> listUp = new ArrayList<>();
  private List<String> listDown = new ArrayList<>();
  private ViewAdapter adapterUp;
  private ViewAdapter adapterDown;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //添加数据
    initData();
    initView();
  }
  //添加数据
    for (int i = 0; i < 15; i++) {
    //默认的我们只给下面的RecyclerView添加了数据
      listDown.add("频道管理" + i);
    }
  }
  private void initView() {
    recyclerView_up = (RecyclerView) findViewById(R.id.recyclerView_up);
    recyclerView_down = (RecyclerView) findViewById(R.id.recyclerView_down);
    initUp();
    initDown();
  }
  private void initUp() {
    //创建适配器
    adapterUp = new ViewAdapter(MainActivity.this);
    //添加数据,我们默认创建的时候是空的
    adapterUp.setMessage(listUp);
    recyclerView_up.setAdapter(adapterUp);
    //RecyclerView显示样式
    GridLayoutManager gridLayoutManagerUp = new GridLayoutManager(this, 3);
    recyclerView_up.setLayoutManager(gridLayoutManagerUp);
    //点击监听
    adapterUp.setMyItemOnClickListener(new MyItemOnClickListener() {
      @Override
      public void onClick(View view, int position) {
        Log.e("Up", "上" + position);
        //下面的RecyclerView添加当前点击的条目信息并刷新数组
        listDown.add(listUp.get(position));
        adapterDown.setMessage(listDown);
        adapterDown.notifyDataSetChanged();
        //从当前数组移除数据并刷新数组
        listUp.remove(position);
        adapterUp.setMessage(listUp);
        adapterUp.notifyDataSetChanged();
      }
    });
  }
  private void initDown() {
    adapterDown = new ViewAdapter(MainActivity.this);
    adapterDown.setMessage(listDown);
    recyclerView_down.setAdapter(adapterDown);
    GridLayoutManager gridLayoutManagerDown = new GridLayoutManager(this, 3);
    recyclerView_down.setLayoutManager(gridLayoutManagerDown);
    adapterDown.setMyItemOnClickListener(new MyItemOnClickListener() {
      @Override
      public void onClick(View view, int position) {
        Log.e("Down", "下" + position);
        //下面的RecyclerView添加当前点击的条目信息并刷新数组
        listUp.add(listDown.get(position));
        adapterUp.setMessage(listUp);
        adapterUp.notifyDataSetChanged();
        //从当前数组移除数据并刷新数组
        listDown.remove(position);
        adapterDown.setMessage(listDown);
        adapterDown.notifyDataSetChanged();
      }
    });
  }
}

以上所述是小编给大家介绍的Android RecyclerView仿新闻头条的频道管理功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-05-30

Android 仿今日头条简单的刷新效果实例代码

点击按钮,先自动进行下拉刷新,也可以手动刷新,刷新完后,最后就多一行数据.有四个选项卡. 前两天导师要求做一个给本科学生预定机房座位的app,出发点来自这里.做着做着遇到很多问题,都解决了.这个效果感觉还不错,整理一下. MainActivity package com.example.fragmentmytest; import android.content.DialogInterface; import android.graphics.Color; import android.os.B

Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中

我这里只是简单的用了两个listview来实现的,先上效果图.比较粗糙.预留了自定义的空间. 思路: 从上图应该可以看的出来.就是上下两个listview.点击下面的ltem.会动态的移动到上一个listview的最后.上面的listview 为listview1,下面的为listview2. 点击listview2,获取到view ,设置一个动画,移动到listview1 ,listview2中删除被点的item.listview1中新增一个. 上代码: Mainactivity.java 部

Android仿今日头条APP实现下拉导航选择菜单效果

本文实例为大家分享了在Android中如何实现下拉导航选择菜单效果的全过程,供大家参考,具体内容如下 关于下拉导航选择菜单效果在新闻客户端中用的比较多,当然也可以用在其他的项目中,这样可以很方便的选择更多的菜单.我们可以让我们的应用顶部有左右滑动或进行切换的导航菜单,也可以为了增强用户体验在应用中添加这样的下拉导航选择菜单效果. 关于它的实现原理,其实也是挺简单的,就是使用PopupWindow来进行展现,在显示时控制其高度并配置以相应的动画效果.在PopupWindow中我使用GridView

Android使用RecyclerView实现今日头条频道管理功能

使用过今日头条的伙计们对这个效果肯定很熟悉.拖拽可排序,点击标签后可以删除.今天我们采用RecyclerView来实现. 实现思路: 通过ItemTouchHelper来绑定RecyclerView的子控件触摸事件. 当滑动拖拽的时候,通知适配器来交换两个子控件的显示位置. 更改数据源,使数据源与子空间显示内容一致. 这就是实现的基本思路,是不是很简单?当然,首先要了解一下ItemTouchHelper这哥们儿是干啥的,有什么作用. This is a utility class to add

Android应用中仿今日头条App制作ViewPager指示器

一.概述 顶部ViewPager指示器的字体变色,该效果图是这样的: 大概是今天头条的app,神奇的地方就在于,切换ViewPager页面的时候,顶部指示器改成了字体颜色的变化,个人觉得还是不错的. 那么核心的地方就是做一个支持字体这样逐渐染色就可以了,我大概想了32s,扫描了一些可能实现的方案,最终定位了一个靠谱的,下面我就带大家开始实现的征程. 实现之前贴一下我们的效果图: 1.简单使用 效果如上图了,关于颜失色的改变我添加了两个方向,一个是左方向,一个是有方向. 单纯的使用,可能觉得没什么

Android仿今日头条滑动页面导航效果

最近项目中用到了滑动页面,也就是和目前市场上很火的"今日头条"页面滑动类似,在网上找了一下,大部分都是用ViewPager来实现的,刚开始我用的是ViewPager+ViewGroup,上面的标题按钮用的是HorizontalScrollView,写完之后感觉效果比较生硬,果断换掉,发现了一个效果比较好的第三方,也就是今天的主题:PagerSlidingTabStrip.好了,下面来具体介绍一下PagerSlidingTabStrip,进行一下源码解析. 一.看一下demo的样子吧 二

Android 仿今日头条评论时键盘自动弹出的效果(推荐)

Android 仿今日头条评论时键盘自动弹出的效果:当点击评论时,弹出对话框,同时弹出软键盘,当点击返回键时,将对话框关闭,不只是关闭软键盘. 效果图: 对这个对话框设置一个style效果: <style name="inputDialog" parent="@android:style/Theme.Holo.Light.Dialog"> <item name="android:windowBackground">@col

ionic开发中点击input时键盘自动弹出

ionic开发移动端界面时,在输入用户名和密码的时候,我希望输入法不要挡住我的输入框,并且输入框往上滚动的时候,顶部标题不要上移,只是input内容部分往上移动,点击密码输入框时我还想看见按钮,这样不用关闭输入法,也可以直接点击登录按钮,关闭输入法自动恢复成默认的界面,用户体验不错哦~:找了很多代码,以下代码是我想要的效果: .directive('focusInput', ['$ionicScrollDelegate', '$window', '$timeout', '$ionicPositi

Android仿今日头条顶部导航栏效果的实例代码

随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候像今日头条新闻客户端要显示的内容太多,而且又想在主界面全部显示出来,所以有加了顶部导航栏. 今日头条顶部导航栏区域的主要部分是一个导航菜单.导航菜单是一组标签的集合,在新闻客户端中,每个标签标示一个新闻类别,对应下面ViewPager控件的一个分页面.当用户在ViewPager区域滑动页面时,对应的导航菜单标签也会相应的被选中,选中的标签通过一个矩形红框高亮显示,红框背

Android仿今日头条多个fragment懒加载的实现

前言 最近有时间,所以我又双叒叕推新一篇文章了,fragment懒加载实现虽然是个小模块,但做过的人都有体会,通常并不会轻易就成功了的,让你辗转反侧,彻夜难眠,绵绵无绝期.我就按照今日头条的样式做了一个懒加载功能.文章到一半会解释大家可能遇到的不加载数据了的坑,先不剧透. Fragment的生命周期回顾 github代码直通车 (本地下载) 这里是今日头条效果: 自制效果,有图有真相: 实现思路: 使用Fragment类自带方法setUserVisibleHint()判断当前fragment是否

Android实现今日头条订阅频道效果

本文实例为大家分享了Android仿今日头条订阅频道,供大家参考,具体内容如下 源码:Android实现今日头条订阅频道 布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.andro

IOS仿今日头条滑动导航栏

之前在我们平台给大家分享了网易首页导航封装类.网易首页导航封装类优化,今天在前两个的基础上仿下今日头条. 1.网易首页导航封装类中主要解决了上面导航的ScrollView和下面的页面的ScrollView联动的问题,以及上面导航栏的便宜量. 2.网易首页导航封装类优化中主要解决iOS7以上滑动返回功能中UIScreenEdgePanGestureRecognizer与ScrollView的滑动的手势冲突问题. 今天仿今日头条滑动导航和网易首页导航封装类优化相似,这个也是解决手势冲突,UIPanG

Android屏蔽软键盘自动弹出的解决方案

问题概述 在编辑框输入内容时会弹出软键盘,而手机屏幕区域有限往往会遮住输入界面,我们先看一下问题效果图: 输入用户名和密码时,系统会弹出键盘,造成系统键盘会挡住文本框的问题,如图所示: 输入密码时输入框被系统键盘遮挡了,大大降低了用户操作体验,这就是开发中非常常见的软键盘遮挡的问题,该如何解决? 简单解决方案 方法一: 在你的activity中的oncreate中setContentView之前写上这个代码 getWindow().setSoftInputMode(WindowManager.L