android底部导航栏

Android------底部导航栏BottomNavigationBar

≯℡__Kan透↙ 提交于 2020-03-28 04:49:00
Android 的底部导航栏 BottomNavigationBar 由Google官方Material design中增加的。 Android底部导航栏的实现方式特别多,例如TabHost,TabLayout,或者TextView等,都可以实现底部导航栏的效果。 但Google既然推出了还是可以尽量用他来实现底部导航栏这样的功能。 下来看看案例效果图 使用添加依赖 compile 'com.ashokvarma.android:bottom-navigation-bar:1.3.0' 布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.zhangqie.bottomnavigationbar

软件工程第十三周

无人久伴 提交于 2020-02-13 05:19:32
第十三周在软件工程概论上花费了10个小时 大约写了大约三百行代码。 在博客园中发表了一篇博客。 学到的知识点: 1、学习了Android的底部导航栏的实现,利用Google官方提供的BottomNavigationBar实现底部导航栏的效果,可以是设置添加选项,学习了Android中的Fragment的使用,实现导航栏的切换画面的效果,以及Fragment与Activity的不同之处。 2、在javascript中调用时间函数时,了解到getyear函数不正确,应该使用getfullyear函数,让getmonth+1显示当前的系统月份。 来源: https://www.cnblogs.com/lizhaoxuan/p/7028479.html

AndroidX底部导航栏

社会主义新天地 提交于 2020-01-12 11:53:16
implementation 'me.majiajie:pager-bottom-tab-strip:2.3.0X' 布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity"> <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"></androidx.viewpager.widget

Bottom Navigation底部导航栏

倾然丶 夕夏残阳落幕 提交于 2019-12-06 03:24:05
一、Bottom Navigation 这里我就不介绍 Material Design 了,想了解更多就去看看官网,来看看他们自己的Introduction:(温馨提示:由于本人英语水平有限,以下引用均用有道翻译来翻译) We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design. 我们挑战自己,为我们的用户创造一种视觉语言,它综合了优秀设计的经典原则和技术和科学的可能性。这是材料设计。这个规范是一个活的文件,将会更新,因为我们继续发展的原则和材料设计的细节。 Bottom Navigation ,想要使用Bottom Navigation,个人建议先看一下Bottom

底部导航栏实现方式多样化

邮差的信 提交于 2019-12-06 03:19:00
前沿 距Google I/O(2014)最新发布的Material Design Android 设计风格已经有一段时间了, 2016年Google在 Android Design Support Library 25 基础上增加了 一个BottomNavigationView 新控件, 相比之前实现导航栏的方式,如LinearLayout + TextView(使用android:drawableTop属性+selector状态切换)、 LinearLayout + RelativeLayout(TextView+ImageView) RadioGroup + RadioButton,2015年Google推出的兼容包Android Design Support Library中的TabLayout等 该控件提供更简洁的方式实现功能模块导航,符合材料设计规范, 效果图如下: BottomNavigationView 继承自 FrameLayout 对外暴露了OnNavigationItemSelectedListener接口,便于对子视图点击事件的处理,可以通过此接口动态 改变文字颜色 图标颜色; 在XML需要了解其以下属性 (记得添加 xmlns:app="http://schemas.android.com/apk/res-auto") app:itemIconTint :

点击导航栏切换页面的几种方式

只谈情不闲聊 提交于 2019-12-06 03:17:08
最近比较流行tablayout+viewpager+fragment的点击导航栏实现页面切换的效果,可以参考: http://blog.csdn.net/qq_33425116/article/details/52599818#t5 我在这里介绍的都是比较原始的切换做法。 RedioGroup+Fragement(推荐) 运行效果: 写布局文件: 示例RadioButton: <RadioButton android:id="@+id/rb_home" style="@style/tab_style" android:checked="true" android:drawableTop="@drawable/bar_home_bg" android:text="主页" /> 样式文件tab_style: <style name="tab_style"> <item name="android:layout_width">0dip</item> <item name="android:layout_height">wrap_content</item> <item name="android:layout_gravity">center_vertical</item> <item name="android:layout_weight">1</item> <item name=

非常好用的底部导航栏

我只是一个虾纸丫 提交于 2019-12-06 03:10:05
在做底部导航栏时发现自己写选择器之类的非常麻烦于是上网搜了一下发现一个非常好用的底部导航栏: 简书: http://www.jianshu.com/p/ade8485a16be Github: https://github.com/hujinmeng/MyApplication 我选择了版本比较高的。 compile 'com.hjm:BottomTabBar:1.1.1' 具体方法可以看连接地址: 下面贴一下我自己引用写的代码感觉比较好用并且基本上都可以满足要求: 布局里面: <?xml version="1.0" encoding="utf-8"?> < RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:tools = "http://schemas.android.com/tools" android:id = "@+id/activity_main" android:layout_width = "match_parent" android:layout_height = "match_parent" tools:context = "com.example.administrator.bottommenu.MainActivity" > < com.hjm

android底部导航栏实现

落花浮王杯 提交于 2019-12-05 03:13:48
第一种用radiobutton实现 第二种在github上搜的,博客地址为 https://www.jianshu.com/p/ce8e09cda486 。 因为公司好多项目会用到底部导航栏,大都千篇一律,无非2-5个Tab(可能会有些点击动画、红点提示或者中间多个加号)总是重复相同的操作...所以...很懒的我希望几行代码就能实现这个效果(少敲一行是一行) 效果图 轻松实现.gif 实现 依赖 Step 1. Add it in your root build.gradle at the end of repositories: allprojects { repositories { ... maven { url 'https://jitpack.io' } } } Step 2. Add the dependency implementation 'com.github.forvv231:EasyNavigation:1.0.3' 1、基础版 xml <com.next.easynavigation.view.EasyNavigationBar android:id="@+id/navigationBar" android:layout_width="match_parent" android:layout_height="match_parent"> </com.next

android界面UI美化:沉浸模式、全透明或半透明状态栏及导航栏的实现

◇◆丶佛笑我妖孽 提交于 2019-11-30 02:45:26
android api19开始我们就能对顶部状态栏和底部导航栏进行半透明处理了,而api21开始则可以实现全透明状态栏与导航栏以及开启沉浸模式,至于什么是沉浸模式,大家百度一下应该就都知道了,有一点需要强调的是全透明不是沉浸模式,前者只是将状态栏、导航栏的背景设置为完全透明,而后者则是完全将状态栏与导航栏隐藏并且只要在屏幕顶部下滑或在底部上滑就能短暂呼出状态栏与导航栏当然几秒钟之后还是会隐藏的; 下面三张图的效果分别是:普通状态栏,半透明状态栏,全透明状态栏 下面看方法: /** * 设置透明状态栏与导航栏 * @param navi true不设置导航栏|false设置导航栏 */ public void setStatusBar(boolean navi) { //api>21,全透明状态栏和导航栏;api>19,半透明状态栏和导航栏 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { Window window = getWindow(); window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); window.setStatusBarColor(Color.TRANSPARENT); if (navi) {

Android-Kotlin 实现APP底部导航栏

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-29 08:10:01
先上效果图: Material Design系列之BottomNavigationView详解: Material Design官方文档关于Bottom navigation部分 BottomNavigationView官方API文档 BottomNavigationView简介: BottomNavigationView实现的效果就是常见的app底部导航栏的效果。 Bottom navigation bars make it easy for users to explore and switch between top-level views in a single tap. It should be used when application has three to five top-level destinations. 使用: build.gradle中配置: compile 'com.android.support:design:26.0.0-alpha1' 布局xml中使用: <android.support.design.widget.BottomNavigationView android:id="@+id/bottomNavigation" android:layout_width="match_parent" android:layout_height=