使用ViewPager和RecyclerView实现微信表情包分页显示

最新推荐文章于 2021-05-26 15:07:33 发布

AndyYuan317

最新推荐文章于 2021-05-26 15:07:33 发布

阅读量1.5k

点赞数 2

分类专栏：即时通讯文章标签：分页显示微信表情

本文链接：https://blog.csdn.net/qq_42618969/article/details/87716662

版权

本文介绍如何在项目中实现类似微信的表情包分页显示功能，通过结合ViewPager和RecyclerView进行简单实现，详细说明了核心代码逻辑。

摘要由CSDN通过智能技术生成

在最近的一个项目中需要实现一个聊天发送表情的功能，表情包的显示要像微信那样显示（即分页显示），现在

对其实现功能做一个简单的实现，功能如下：

核心代码类在下面

 /**
     * 下方的表情
     */
    abstract class GroupChattingEmojiUIWrapper {

        protected Activity parentActivity = null;
        /**
         * 主Activity的layout预留给本布局的父布局
         */
        protected FrameLayout layoutbottomContentOfParent = null;

        private List<EmojiEntity> emojiEntityList = new ArrayList<>();

        private AutoScrollViewPager image_banner;
        private CirclePageIndicator image_banner_indicator;
        private int position;

        /**
         * recyclerView 布局对象
         */
        private RecyclerView emojiRecyclerView = null;


        public GroupChattingEmojiUIWrapper(final Activity context
                , final FrameLayout layoutbottomContent) {
            this.parentActivity = context;
            this.layoutbottomContentOfParent = layoutbottomContent;
            position = 0;
            //初始化表情列表的全部表情
            EmojiUtil.initEmojis(emojiEntityList);

            //初始化ViewPager和指示器
            image_banner = findViewById(R.id.image_banner);
            image_banner_indicator = findViewById(R.id.image_banner_indicator);
            setDataEmojiList(emojiEntityList);


//            this.emojiRecyclerView = new RecyclerView(context);

//            StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(8, StaggeredGridLayoutManager.VERTICAL);
//            emojiRecyclerView.setLayoutManager(layoutManager);
//            GroupChattingEmojiUIWrapper.EmojiAdapter