Android导航栏高斯模糊,ViewPagerHelper: 这个一个 viewpager 工具类，能够帮你快速实现导航栏轮播图，app引导页，viewpager + fragment；内置多种ta...

最新推荐文章于 2024-03-02 11:14:16 发布
最新推荐文章于 2024-03-02 11:14:16 发布
阅读量347 收藏
点赞数
文章标签： Android导航栏高斯模糊

你是否有遇到这样的问题，每次开发一个新的项目，在 viewpager 这一块上，总是在做重复的东西，比如app引导页，轮播图，

viewpager+fragment 的 tab 指示器等等，这些虽然简单，但却是每个app都要的，而且很耗时，有没有每次在写这个，都很无语的感觉呢？

基于这个，ViewPagerHleper 就诞生了，它可以快速帮你搞定 banner 轮播图，实现高级定制化，内置多种指示器，满足你的日常需求，妈妈再也不用担心我不会复制粘贴了。

ViewPagerHelper.svg

ViewPagerHelper.svg

ViewPagerHelper.svg

%E4%BD%9C%E8%80%85-%E9%83%91%E5%B0%91%E9%94%90-green.svg

注意注意注意！！！

提问题的时候，请遵循以下标准

现象: 操作步骤，应用场景

对应代码: 贴图或者贴代码

机型或版本: 可选

后面对描述不清的问题，不予理会，精力有限，感谢理解

使用

这里用的是 jitpack 这个网站，所以：

allprojects {

repositories {

...

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

}

}

然后在你的 module 中添加：

implementation 'com.github.LillteZheng:ViewPagerHelper:v2.7'

如果要在 AndroidX 中使用，确保你的工程有以下代码，就可以了，不影响使用:

android.useAndroidX=true

# Automatically convert third-party libraries to use AndroidX

android.enableJetifier=true

v2.0 之后与之前的工程变动较大，建议更新到最新版，支持更多效果和修复不少bug

效果图

首先，大家最常用到的就是轮播图了，这里给大家提供了 常用的 Indicator

轮播图

文字效果

扇形效果

loop_text.gif

0e4a3333f128edc6e410705f3321c836.gif

CircleIndicator

RectIndicator

circleindicator.gif

rectindicator.gif

图片放大效果

卡片效果

scale.gif

7f1d14b7f32b7558f61354bd7c35bbfb.gif

跟多说明请参考 轮播使用说明

Tab指示器

TabIndicator 已经不再维护；推荐大家使用新库：https://github.com/LillteZheng/FlowHelper

支持更多效果，功能更强大，且支持自己自定义

三角形版本

条形状版本

文字颜色渐变方式，加了滚动效果

tri.gif

rect2.gif

color.gif

没有结合ViewPager

结合ViewPager

tab_click.gif

tab_viewpager.gif

弧形图片，支持高斯模糊

弧形图片

arc.png

版本说明

v2.7

处理设置 setCurrentPosition 的问题

v2.6

处理刷新时，indicator 成倍增加，以及动画和位置不是从头再来的问题

v2.1

大改动，去掉了之前很多无用代码和逻辑

Indicator 效果全部统一到了 CircleIndicator 和 RectIndicator，其他的去掉

BannerViewPager 增加 setCurrentPosition(int page) 默认选中第几页方法

BannerViewPager 修复和 Recyclerview 结合，移除窗口后回来，滚动失败的问题

v1.9

处理TabIndicator第一次没加载数据报错和优化部分代码

v1.8

修改ArcImageView

增加缩放因子

增加缩放中心点坐标

v1.7

修改ArcImageView

arcHeight 支持负数，凹进去，方便在user界面使用

增加高斯模糊，arc_blur ，对应参数0到25

支持使用背景色，采用arc_use_color

v1.6

ArcImageView 去掉scaleType中的 matrix 属性

v1.5

修改了BannerViewpager 的一些自定说明，避免歧义，小伙伴记得更新呀

自定义控件，全部增加动态设置参数接口，写得好累啊

BannerViewpager 增加了卡片式布局的效果

优化Readme说明

其他版本

v1.4 --> 添加ScaleImageView可缩放控件，可支持在viewpager等滑动控件中使用

v1.3 --> TabIndicator 支持滚动，app:tab_iscanscroll 默认true滚动，可设置不滚动

v0.9 --> 处理第一次轮播图 index 不对问题，优化代码

v0.8 --> 退出时自动关轮播，isOutVisiableWindow()方法，用于有滚动时，判断是否停止轮播

v0.5 --> 增加 banner_loop_max_count 变量，当数据大于这个数值时，才会填充多个数据和轮播

v0.4 --> 解决app引导页，快速滑动时，“立即体验”按钮会不显示问题,并修改自定义属性，防止干扰

v0.3 --> 从lib中移除glide的依赖，防止干扰其他项目，去掉和优化一些代码，谢谢各位的提醒

v0.2 --> 修复TabIndicator的宽度，不是 match_parent时，通过SetTabData添加数据，却显示不全的问题

v0.1 --> 发布稳定版

如果该项目对您有帮助，赞赏一下吧 ^_^

下面可以看一下自定义的属性，方便大家在用的时候调用：

一些自定义属性：

BannerViewPager

名称

类型

说明

banner_isAutoLoop

boolean

是否自动轮播

banner_looptime

integer

轮播的时间

banner_switchtime

integer

viewpager的切换速度

banner_loop_max_count

integer

超过这个数字时，才会轮播效果

banner_card_height

integer,dimension

卡片的高度

banner_iscycle

boolean

是否循环

banner_transformer

card,mz,zoom,depath

transformer的效果

CircleIndicator

名称

类型

说明

cir_type

integer

效果，支持3中，normal、cirToRect、scale

cir_normalColor

color

默认的颜色

cir_selectedColor

color

选中时的颜色

cir_horizon_margin

dimension

两个小圆球的距离

cir_size

dimension

小球的大小

cir_rect_width

dimension

当type为 cirToRect时，矩形的宽度

cir_scale_factor

float

当type 为scale，放大倍数

cir_canMove

boolean

是否可移动，默认支持移动

RectIndicator

名称

类型

说明

|rect_normalColor|color|默认的颜色|

|rect_selectedColor|color|选中时的颜色|

|rect_horizon_margin|dimension|两个矩形的距离|

|rect_width|dimension|矩形的宽度|

|rect_height|dimension|矩形的高度|

|rect_round_size|dimension|矩形的圆角|

|rect_canMove|boolean|是否可移动，默认支持移动|

TextIndicator

其实就是一个 textview ，自己配置大小颜色和背景即可

弧形图片 ArcImageView

名称

类型

说明

arc_height

dimension

弧度的高度

arc_blur

integer

图片的模糊度，0到25

arc_use_color

color，reference

是否使用背景色

arc_scaleX

dimension

缩放中心点X方向

arc_scaleY

dimension

缩放中心点Y方向

arc_scaleFactor

float

缩放比例

arc_auto_fix

boolean

自动适配大小，如果用glide，可以忽略,默认为true

顶部viewpager指示器 TabIndicator

名称

类型

说明

visiabel_size

integer

可视化个数，比如有一排，我们就只要显示4个

tab_color

color,reference

指示器的颜色

tab_show

boolean

是否显示指示器

tab_text_type

normaltext,colortext

顶部文字的类型，nromaltext为普通的textview，corlortext为文件渐变

tab_width

dimension

指示器的宽度

tab_height

dimension

指示器的高度

tab_textsize

dimension

顶部文字的大小

tab_text_default_color

color,reference

顶部文字默认的颜色

tab_text_change_color

color,reference

移动时，顶部文字的颜色

tap_type

tri,rect

指示器类型，有三角形或者圆条

tab_iscanscroll

boolean

指示器是否支持滚动

渐变文字 ColorTextVIew

名称

类型

说明

colortext_size

dimension

文字大小

colortext_default_color

reference,color

默认颜色

colortext_change_color

reference,color

渐变颜色

缩放控件 ScaleImageView

名称

类型

说明

scale_auto_time

reference,integer

双击时，达到放大的时间

scale_limit_board

boolean

是否限制边界，即不能缩放到比控件小

scale_autofit

boolean

自动适配缩放值，有些图片是正方形，如果你的高度没设定好，建议设置为false，不能会变形

scale_double_factor

integer

双击时放大倍数

scale_max_factor

integer

可放大的最大倍数

scale_interrupt_parent_touch

boolean

是否截获父控件触摸事件，放大时，需要截取，不然无法移动

如果你有想要的效果，而本项目中没有的，你可以在 issue 中提出来，作者看到了，会抽空去实现的，

如果有发现问题了或者需要提供哪些接口出来，也可以在 issue 中提出来。当然，喜欢请 start 或 fork 来一波。

代码是最好的老师，可以download，改成自己喜欢的。

麦克羊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 利用ViewPager+GridView实现首页导航栏布局分页效果
09-01
用ViewPager+GridView实现首页导航栏布局分页效果来实现的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
Android自定义ViewPagerIndicator实现炫酷导航栏指示器（ViewPager+Fragment）
01-05
ViewPagerIndicator导航栏指示器运行效果： 实现这个效果，我是看了很多大神写的博客和视频后自己敲的，欢迎指正 github地址：https://github.com/dl10210950/TabViewPagerIndicator 自定义一个ViewPagerIndicator 自定义一个Indicator继承LinearLayout，在构造方法里面设置画笔的一些属性 public ViewPagerIndicator(Context context, AttributeSet attrs) { super(context, attrs); mPaint = new P
安卓状态栏高斯模糊需求
最新发布
m0_64568207的博客
03-02 190
在状态栏下拉时，截取原先屏幕，并绘制成高斯模糊然后设置为背景。首先，找到状态栏下拉的控制类NotificationPanelViewController.java，然后找个类里面有个核心的方法：return;这里使用到了工具类ScreenShotUtil.java，下面就是工具类的具体代码展示：// 捕获参数.build();// 屏幕截图硬件缓存// 截图缓存return src;
Android实现动态高斯模糊效果
09-01
在Android开发中常常会用到高斯模糊，但有的时候我们可能会需要一个图片以不同的模糊程度展现出来，那如何实现呢，一起通过本文来学习学习吧。
安卓欢迎界面引导页面viewpager相关-对Viewpager进行封装提供一个简单的工具类通过它可以轻松实现APP导航或APP中的广告栏.rar
07-29
对Viewpager进行封装，提供一个简单的工具类，通过它，可以轻松实现APP导航或APP中的广告栏.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
android viewpager+fragment实现底部导航栏
06-12
android 使用viewpager+fragment的方式实现类似qq的底部导航栏，通过简单的方式得到一个满足用户操作的底部状态栏
安卓高斯模糊特效blur_demo(包含viewpager切换动画)
大城小小爱的博客
01-13 3034
public class MainActivity extends FragmentActivity {//高斯模糊效果的主方法入口 private ViewPager viewPager; private CustomPagerAdapter pagerAdapter;//自定义页面适配器 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContent
少年郎，你需要封装好的ViewPager工具类
夏至的稻穗的博客
11-09 1万+
作者：夏至，欢迎转载，也请保留这段申明，谢谢 http://blog.csdn.net/u011418943/article/details/78493002 你是否有遇到这样的问题，每次开发一个新的项目，在 viewpager 这一块上，总是在做重复的东西，比如app引导页，轮播图，viewpager+fragment 的 tab 指示器等等，这些虽然简单，但却是每个app都要的，而且很耗时，
android：顶部状态栏（时间，WiFi，电量这一栏），当状态栏主题调成浅颜色，会看不清，顶部字体如何变黑色
m0_38071193的博客
07-21 2208
android：顶部状态栏（时间，WiFi，电量这一栏），当状态栏主题调成浅颜色，会看不清，顶部字体如何变黑色。 1、在该Activity的onCreate方法中添加下边代码： if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) { activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSC.
Android 全面屏显示\沉浸式状态栏(黑条问题解决)
热门推荐
Grekit_Sun的博客
03-05 1万+
前言： 之前做项目为了达到全面屏显示，设置了一个theme主题样式，如下： <style name="ImageTranslucentTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!--设置顶部状态栏是否为透明--> <item name="android:windowTranslucentStatus">false</item> <!--
Android中TabLayout+ViewPager 简单实现app底部Tab导航栏
01-05
前言 在谷歌发布Android Design Support Library之前，app底部tab布局的实现方法就有很多种，其中有RadioGroup+FrameLayout、TabHost+Fragment、FragmentPagerAdapter+ViewPager等方法，虽然这些方法虽然能达到同样的效果，但我个人总觉得有些繁琐。然而，Google在2015的IO大会上，给开发者们带来了全新的Android Design Support Library，里面包含了许多新控件，这些新控件有许多是把以前的一些第三方开源库官方化，实现起来更为简便，简直是开发者的福音。其中的TabLayout控件
使用Fragment+ViewPager实现底部导航栏
01-04
前几天准备写一个小程序，一直认为fragment实现底部导航栏，是很容易的事情，可是却遇到了前所未有的问题，先给大家贴出来我出错的界面布局代码： <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools=http://schemas.android.com/tools android:layout_width=fill_parent android:layout_height=fill_parent android:background=@color/th
ViewPager&Fragment实现页面切换、底部导航栏
11-27
本资源为使用ViewPager和Fragment实现页面切换和底部导航栏的效果源码，建议配合Android应用开发--底部导航栏效果的一种实现方式（ViewPager&Fragment）文章查看。
android使用ViewPager组件实现app引导查看页面
01-20
我们安装完app后第一次打开app，通常都会有一个翻页图片形式的app引导简介说明。下面我们来实现这个功能.ViewPager这个组件与ListView和RecyclerView在使用上有很高的相似处，所以你如果学习过以上两种列表滚动控件，可以基于它们帮助你理解ViewPager的使用。 实现步骤： 1.在左右滑动页面的界面中，通常在屏幕下方都会有一个小圆点，我们需要给这些小圆点的实现准备一些东西。在drawable目录下创建两个xml文件，一个画出未选中的圆点，一个画出选中后的圆点。 2.准备若干张图片，他们将用于引导界面上显示的部分。（图片有一些要求，为了自适应各自尺寸屏幕（平板暂时不考虑
ViewPagerHelper,一、可视寻呼机.zip
10-11
《世界新闻报》、《世界新闻报》、《世界新闻报》等。22270；
Android 11.0 12.0SystemUI 下拉状态栏背景增加高斯模糊背景
安卓兼职framework和app工程师的博客
05-06 2195
在11.0 12.0的产品开发中，发现现在很多产品都是高斯模糊背景的，这种高斯模糊背景看起来效果很不错，产品开发需要SystemUI下拉状态栏背景也是高斯模糊背景，所以就要来实现下拉状态栏高斯模糊背景//用需要创建高斯模糊bitmap创建一个空的bitmap// 初始化Renderscript，该类提供了RenderScript context，创建其他RS类之前必须先创建这个类，其控制RenderScript的初始化，资源管理及释放。
Android 12 悬浮通知/横幅通知状态栏应用图标显示不全
u010351267的博客
09-09 4048
悬浮/横幅通知状态栏应用图标显示不全
Android 10.0 SystemUI 下拉状态栏增加高斯模糊背景
安卓兼职framework和app工程师的博客
04-30 1690
现在定制设备中，下拉状态栏高斯模糊背景也成为潮流，今天就10.0高斯模糊背景来实现其功能 下拉状态栏布局就是status_bar_expanded.xml 而处理下拉的事件就是在NotificationPanelView.java中处理 首选来添加高斯模糊实现类 package com.android.systemui.util; import android.content.Context; import android.graphics.Bitmap; import android.graphics.M
Android viewpager轮播图在前后各添加一个页面实现可以无限手动滑动，完整代码
05-27
好的，以下是在Android Viewpager轮播图中前后各添加一个页面，实现无限手动滑动的完整代码： 1. 首先，在布局文件中添加ViewPager控件： ``` <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 2. 在Activity或Fragment中获取ViewPager控件，并设置适配器和监听器： ``` ViewPager viewPager = findViewById(R.id.viewPager); ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager(), imageList); viewPager.setAdapter(adapter); viewPager.setCurrentItem(1); // 设置ViewPager初始显示的页面为第二个页面 viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { // 当滑动到第一个或最后一个页面时，自动跳转到对应的最后一个或第一个页面 if (position == 0) { viewPager.setCurrentItem(imageList.size() - 2, false); } else if (position == imageList.size() - 1) { viewPager.setCurrentItem(1, false); } } @Override public void onPageScrollStateChanged(int state) { } }); ``` 3. 创建适配器ViewPagerAdapter，并重写其getItemCount()和getItemPosition()方法： ``` private class ViewPagerAdapter extends FragmentPagerAdapter { private List<String> mList; public ViewPagerAdapter(FragmentManager fm, List<String> list) { super(fm); this.mList = list; } @Override public Fragment getItem(int position) { return ImageFragment.newInstance(mList.get(position)); } @Override public int getCount() { return mList.size() + 2; // 在ViewPager前后各添加一个页面 } @Override public int getItemPosition(@NonNull Object object) { return POSITION_NONE; // 当页面刷新时，所有页面都会被重新加载 } } ``` 4. 创建Fragment类ImageFragment，并在其布局文件中添加ImageView控件： ``` public class ImageFragment extends Fragment { private static final String ARG_IMAGE_URL = "image_url"; private String mImageUrl; public ImageFragment() { // Required empty public constructor } public static ImageFragment newInstance(String imageUrl) { ImageFragment fragment = new ImageFragment(); Bundle args = new Bundle(); args.putString(ARG_IMAGE_URL, imageUrl); fragment.setArguments(args); return fragment; } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if (getArguments() != null) { mImageUrl = getArguments().getString(ARG_IMAGE_URL); } } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View view = inflater.inflate(R.layout.fragment_image, container, false); ImageView imageView = view.findViewById(R.id.imageView); Glide.with(this).load(mImageUrl).into(imageView); return view; } } ``` 5. 最后，在AndroidManifest.xml文件中添加网络权限： ``` <uses-permission android:name="android.permission.INTERNET" /> ``` 至此，Android Viewpager轮播图在前后各添加一个页面实现无限手动滑动的代码就完成了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值