Android 开源组件,带分类 Tag 的 ViewPager - ViewTager

个人博客地址: 斯科特安的时间
项目链接: https://github.com/auv1107/TextEmoji

一个将文字和emoji表情组合成微信表情包的app。

应用详情

[站外图片上传中…(image-7c4181-1512105320139)][站外图片上传中…(image-bce13e-1512105320139)][站外图片上传中…(image-f61335-1512105320139)][图片上传失败…(image-3427f7-1512105320139)][站外图片上传中…(image-1ce5ae-1512105320139)]

应用简介

「字墨」帮助大家快速制作精简美观的表情包。

「文字表情」文字加简单的 emoji 表情随意组合,一键生成符合微信表情规范的表情图片。让你随意倾吐心中的情感,不受艺术创作的局限。

「emoji 大表情」是不是觉得 emoji 表情太小巧,不够霸气?简单的设置字号,便能帮你把任意一个 emoji 小表情 变成 大表情!让你享受变大的快感。

「emoji 表情阵列」一个表情是不是不足以表达你的真实情绪?那就把表情闷堆在一起吧。多个emoji表情拼在一起形成表情阵列,让感情更强烈!

「一键分享到微信」制作表情步骤繁多?
「字墨」让你足不出「微信」,即可完成 输入=>制作=>发送给微信好友 的步骤。整个操作过程不会离开微信界面,行云流水,酣畅淋漓!

「保存到相册」想分享到其它应用?提供了保存到相册功能,让你把自己制作的表情包分享给更多的好友!

应用信息

英文名TextEmoji
类别影音图像、娱乐、工具
版本v1.0
更新2017.5.2
开发团队斯科特安卓
支持系统Android 4.4 及以上
应用商店锤子应用商店

下载地址

一个将文字和emoji表情组合成微信表情包的app。

应用详情

[图片上传失败…(image-7c4181-1512105320139)][站外图片上传中…(image-bce13e-1512105320139)][站外图片上传中…(image-f61335-1512105320139)][站外图片上传中…(image-3427f7-1512105320139)][站外图片上传中…(image-1ce5ae-1512105320139)]

应用简介

「字墨」帮助大家快速制作精简美观的表情包。

「文字表情」文字加简单的 emoji 表情随意组合,一键生成符合微信表情规范的表情图片。让你随意倾吐心中的情感,不受艺术创作的局限。

「emoji 大表情」是不是觉得 emoji 表情太小巧,不够霸气?简单的设置字号,便能帮你把任意一个 emoji 小表情 变成 大表情!让你享受变大的快感。

「emoji 表情阵列」一个表情是不是不足以表达你的真实情绪?那就把表情闷堆在一起吧。多个emoji表情拼在一起形成表情阵列,让感情更强烈!

「一键分享到微信」制作表情步骤繁多?
「字墨」让你足不出「微信」,即可完成 输入=>制作=>发送给微信好友 的步骤。整个操作过程不会离开微信界面,行云流水,酣畅淋漓!

「保存到相册」想分享到其它应用?提供了保存到相册功能,让你把自己制作的表情包分享给更多的好友!

应用信息

英文名TextEmoji
类别影音图像、娱乐、工具
版本v1.0
更新2017.5.2
开发团队斯科特安卓
支持系统Android 4.4 及以上
应用商店锤子应用商店

下载地址

一个将文字和emoji表情组合成微信表情包的app。

应用详情

[站外图片上传中…(image-7c4181-1512105320139)][图片上传失败…(image-bce13e-1512105320139)][站外图片上传中…(image-f61335-1512105320139)][站外图片上传中…(image-3427f7-1512105320139)][站外图片上传中…(image-1ce5ae-1512105320139)]

应用简介

「字墨」帮助大家快速制作精简美观的表情包。

「文字表情」文字加简单的 emoji 表情随意组合,一键生成符合微信表情规范的表情图片。让你随意倾吐心中的情感,不受艺术创作的局限。

「emoji 大表情」是不是觉得 emoji 表情太小巧,不够霸气?简单的设置字号,便能帮你把任意一个 emoji 小表情 变成 大表情!让你享受变大的快感。

「emoji 表情阵列」一个表情是不是不足以表达你的真实情绪?那就把表情闷堆在一起吧。多个emoji表情拼在一起形成表情阵列,让感情更强烈!

「一键分享到微信」制作表情步骤繁多?
「字墨」让你足不出「微信」,即可完成 输入=>制作=>发送给微信好友 的步骤。整个操作过程不会离开微信界面,行云流水,酣畅淋漓!

「保存到相册」想分享到其它应用?提供了保存到相册功能,让你把自己制作的表情包分享给更多的好友!

应用信息

英文名TextEmoji
类别影音图像、娱乐、工具
版本v1.0
更新2017.5.2
开发团队斯科特安卓
支持系统Android 4.4 及以上
应用商店锤子应用商店

下载地址

一个将文字和emoji表情组合成微信表情包的app。

应用详情

[站外图片上传中…(image-7c4181-1512105320139)][站外图片上传中…(image-bce13e-1512105320139)][站外图片上传中…(image-f61335-1512105320139)][站外图片上传中…(image-3427f7-1512105320139)][图片上传失败…(image-1ce5ae-1512105320139)]

应用简介

「字墨」帮助大家快速制作精简美观的表情包。

「文字表情」文字加简单的 emoji 表情随意组合,一键生成符合微信表情规范的表情图片。让你随意倾吐心中的情感,不受艺术创作的局限。

「emoji 大表情」是不是觉得 emoji 表情太小巧,不够霸气?简单的设置字号,便能帮你把任意一个 emoji 小表情 变成 大表情!让你享受变大的快感。

「emoji 表情阵列」一个表情是不是不足以表达你的真实情绪?那就把表情闷堆在一起吧。多个emoji表情拼在一起形成表情阵列,让感情更强烈!

「一键分享到微信」制作表情步骤繁多?
「字墨」让你足不出「微信」,即可完成 输入=>制作=>发送给微信好友 的步骤。整个操作过程不会离开微信界面,行云流水,酣畅淋漓!

「保存到相册」想分享到其它应用?提供了保存到相册功能,让你把自己制作的表情包分享给更多的好友!

应用信息

英文名TextEmoji
类别影音图像、娱乐、工具
版本v1.0
更新2017.5.2
开发团队斯科特安卓
支持系统Android 4.4 及以上
应用商店锤子应用商店

下载地址

一个将文字和emoji表情组合成微信表情包的app。

应用详情

[站外图片上传中…(image-7c4181-1512105320139)][站外图片上传中…(image-bce13e-1512105320139)][图片上传失败…(image-f61335-1512105320139)][站外图片上传中…(image-3427f7-1512105320139)][站外图片上传中…(image-1ce5ae-1512105320139)]

应用简介

「字墨」帮助大家快速制作精简美观的表情包。

「文字表情」文字加简单的 emoji 表情随意组合,一键生成符合微信表情规范的表情图片。让你随意倾吐心中的情感,不受艺术创作的局限。

「emoji 大表情」是不是觉得 emoji 表情太小巧,不够霸气?简单的设置字号,便能帮你把任意一个 emoji 小表情 变成 大表情!让你享受变大的快感。

「emoji 表情阵列」一个表情是不是不足以表达你的真实情绪?那就把表情闷堆在一起吧。多个emoji表情拼在一起形成表情阵列,让感情更强烈!

「一键分享到微信」制作表情步骤繁多?
「字墨」让你足不出「微信」,即可完成 输入=>制作=>发送给微信好友 的步骤。整个操作过程不会离开微信界面,行云流水,酣畅淋漓!

「保存到相册」想分享到其它应用?提供了保存到相册功能,让你把自己制作的表情包分享给更多的好友!

应用信息

英文名TextEmoji
类别影音图像、娱乐、工具
版本v1.0
更新2017.5.2
开发团队斯科特安卓
支持系统Android 4.4 及以上
应用商店锤子应用商店

下载地址

一个带分类 TagViewPager,因此命名为 ViewTager

在目前流行的 APP 中应用很多,比如

网易新闻触宝输入法
《Android 开源组件,带分类 Tag 的 ViewPager - ViewTager》 Alt text 《Android 开源组件,带分类 Tag 的 ViewPager - ViewTager》 Alt text

1. 结构

《Android 开源组件,带分类 Tag 的 ViewPager - ViewTager》 Alt text

2. 用法

2.1 引用

# 项目 build.gradle

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}


# 模块 build.gradle

dependencies {
    compile 'com.github.auv1107:ViewTager:a73de7facf'
}

2.2 添加布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.sctdroid.app.sample.MainActivity">

    <com.sctdroid.app.viewtager.ViewTager
        android:id="@+id/view_tager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</FrameLayout>

2.3 初始化数据

主要使用两个方法添加适配器

ViewTager viewTager = (ViewTager) findViewById(R.id.view_tager);
viewTager.setRadioGroupAdapter(new RadioAdapter(){
    ...
});
mViewTager.setViewPagerAdapter(new PagerAdapter() {
    ...
});

RadioAdapter 对应 分类列表数据
PagerAdapter 对应 单页 ViewPager 数据

重点RadioAdapterPagerAdapter 数量要一致。

3. 效果

《Android 开源组件,带分类 Tag 的 ViewPager - ViewTager》 Alt text

4. 其它方法说明

方法说明
setViewPagerHeightDelegate(ViewHeightDelegate): voidViewTagerScrollView 中, 可能需要自己设定ViewPager 的高度
setViewPagerOnPageChangeListener: void用户OnPageChange 事件
    原文作者:斯科特安
    原文地址: https://www.jianshu.com/p/2fde4b95da62
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞