NavigationTabBar酷炫多彩的互动导航标签栏

最新推荐文章于 2019-11-26 19:37:36 发布
最新推荐文章于 2019-11-26 19:37:36 发布
阅读量665 收藏 1
点赞数 2
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chen_zhen1234/article/details/54948594
版权

在开发Android应用时，往往需要一些导航的特效。而NavigationTabBar类库可以帮助我们实现导航特效。

 

不那么多废话先看效果：

 

在利用NavigationTabBar类库之前，必须添加类库：

compile 'devlight.io:navigationtabbar:1.2.

 


 

 

 

 

陈振_cz
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
类库 (一)
小歪的小铛
12-20 2193
2016_07_25   1.GiftCard 一个漂亮的git卡片效果 2.PaperShredder 有创意的碎纸机动画 3.ticker 一个能够滚动的Android动画TextView，常用于价格滚动效果 4.Pokemap 用原生的地图模拟了《口袋妖怪》附近宠物的出现效果 5.SubmitButton 一个有动画效果的提交按钮 6.CircularAnim An
酷炫的导航栏
08-09
"酷炫的导航栏"项目利用了jQuery和CSS3这两种强大的技术，为网页设计带来了动态、吸引人的效果。jQuery是一款轻量级的JavaScript库，极大地简化了JavaScript的DOM操作，而CSS3则是最新的CSS版本，提供了许多先进的...
酷炫的Android开源项目
yun382657988的博客
10-23 1万+
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/IT666DHW/article/details/82426288 抽屉菜单 MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-...
Android实战开发通用流行框架大全
门心叼龙的专栏
01-22 6940
GitHub上受欢迎的Android UI Library https://mvnrepository.com/ https://jar-download.com/ https://docs.oracle.com/javase/7/docs/api/ http://hg.openjdk.java.net/jdk8/jdk8/jdk/file/tip/src/share/classes/ja...
UI开源库
zhangcanyan的博客
07-17 5440
https://github.com/opendigg/awesome-github-android-ui
Android 博客周刊13期
老陆专栏
04-10 659
摘要 收录最近一周国内外热门技术博客以及优秀的类库。每周一准时更新。  Android博客周刊   新闻 1.Android Studio 2.0 稳定版 Android Studio 2.0 是 Android 平台上构建高质量、高效应用的最快方法，包括手机、平板、Android Auto、Android Wear 和 Android TV 在内。作为来自 Google
GitHub上受欢迎的Android UI Library
热门推荐
haoxuhong的博客
01-30 3万+
内容 抽屉菜单 ListView WebView SwitchButton 按钮 点赞按钮 进度条 TabLayout 图标 下拉刷新 ViewPager 图表(Chart) 菜单(Menu) 浮动菜单 对话框 空白页 滑动删除 手势操作 RecyclerView Card Color Drawable Spinner 布局 模糊效果 TabBa...
最全的ui Library
梦想就是让你坚持就感到幸福的东西
12-12 4491
原文链接： https://github.com/opendigg/awesome-github-android-ui 内容 抽屉菜单 ListView WebView SwitchButton 按钮 点赞按钮 进度条 TabLayout 图标 下拉刷新 ViewPager 图表(Chart) 菜单(Menu) 浮动菜单 对话框 空白页 滑动删除 手势操作
Android最全UI库合集
lf0814的博客
11-26 1万+
目录索引 抽屉菜单 ListView WebView SwitchButton 按钮 点赞按钮 进度条 TabLayout 图标 下拉刷新 ViewPager 图表(Chart) 菜单(Menu) 浮动菜单 对话框 空白页 滑动删除 手势操作 RecyclerView Card Color Drawable ...
Github安卓流行布局开源库
daimengs的博客
06-04 2191
抽屉菜单MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-Menu.Android ★3865 - 创意边侧菜单 FlowingDrawer ★1744 - 向右滑动流动抽屉效果 SlidingRootNav ★1338 - 仿DrawerLayout的ViewGroup FantasySlide ★1049 - 单手势滑出侧边栏与选择菜单 Floating-Navig...
Html5 + Css3 制作酷炫的导航栏
09-26
为了创建一个酷炫的导航栏，通常会结合使用以上技术，同时优化代码以提高性能和可访问性。这包括合理使用CSS类名、避免过多的内联样式，以及确保键盘导航和屏幕阅读器的兼容性。 总之，HTML5和CSS3的结合使得构建...
Jquery左侧导航栏酷炫效果
01-04
"Jquery左侧导航栏酷炫效果"是一个专为初学者设计的教学示例，它展示了如何使用jQuery库来实现一种动态、引人注目的导航栏效果。 首先，jQuery是一个广泛使用的JavaScript库，它简化了JavaScript的DOM操作、事件...
一步步教大家编写酷炫的导航栏js+css实现
10-22
一步步教大家编写酷炫的导航栏，js+css实现黑色经典导航栏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
基于html和CSS3制作酷炫的导航栏
09-24
本篇文章给大家分享基于html和CSS3制作酷炫的导航栏，效果非常美观，需要的朋友可以从参考下
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
html制作横向酷炫呼吸效果导航栏
04-02
以下是一个简单的横向酷炫呼吸效果导航栏的HTML代码示例： ```html <nav class="navbar"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact</a></li> </ul> </nav> ``` 以下是CSS样式代码： ```css .navbar { background-color: #222; height: 50px; width: 100%; } ul { list-style-type: none; margin: 0; padding: 0; display: flex; } li { flex: 1; text-align: center; } a { display: block; color: white; text-decoration: none; padding: 15px 0; position: relative; } a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: white; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; } a:hover:before { visibility: visible; transform: scaleX(1); } ``` 解释一下这个代码： - `nav`元素是导航栏的容器，我们设置了它的`background-color`为黑色，高度为50像素，宽度为100%。 - `ul`元素是`li`元素的容器，我们设置了它的`list-style-type`为`none`，`margin`和`padding`为0，以及`display`为`flex`，以便让子元素`li`在一行中平均分布。 - `li`元素是导航栏中的每个项目，我们设置了它的`flex`为1，以便它们平均分布在`ul`中。 - `a`元素是每个项目的链接，我们设置了它们的`display`为`block`，以便它们占据整个`li`元素的空间，`color`为白色，`text-decoration`为`none`，`padding`为15像素顶部和底部，以及`position`为`relative`，以便我们可以在它们上面添加一个伪元素。 - `a:before`是在每个链接前添加的伪元素，它是一个白色的横线，我们设置它的`content`为空，宽度为100%，高度为2像素，位置为绝对定位，底部为0，左侧为0，背景色为白色，可见性为隐藏，以及一个`transform`属性，用于将它的比例缩放到0。 - `a:hover:before`是当鼠标悬停在链接上时，我们希望横线可见，因此我们设置了它的可见性为可见，以及一个`transform`属性，将它的比例缩放到1，以制造出酷炫的呼吸效果。 通过这些HTML和CSS代码，您可以创建一个简单而酷炫的横向呼吸效果导航栏。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值