在上一篇文章(Android之官方导航栏ActionBar)中,我们介绍了ActionBar各组成部分的基本应用.ActionBar除了提供Action Buttons外,还提供了多种导航方式如 Action View.Action Provider.Navigation Tabs.Drop-down Navigation等,下面我们将具体介绍他们的用法. 一.Action View 首先来看Action View,action view是用于替换action button并显示在action…
一.问题概述 通过上两篇文章,我们对如何使用ActionBar大致都已经有了认识.在实际应用中,我们更多的是定制ActionBar,那么就需要我们重写或者定义一些样式来修饰ActionBar,来满足具体的需要.我们就以优酷首页为例,一起学习下ActionBar的综合应用. 二.Android系统ActionBar样式的定义 首先,我们先认识一下android系统中是如何定义ActionBar样式的,这里我们以Theme.Holo.Light主题为例,通过源码我们可以看到在该主题中关于Action…
一.ActionBar概述 ActionBar是android3.0以后新增的组件,主要用于标示应用程序以及用户所处的位置并提供相关操作以及全局的导航功能.下面我们就看看如何使用ActionBar,真正使用之前,我们应该首先了解一下ActionBar的结构. 根据官方文档,我们看到整个ActionBar可以分为4个部分,具体如下图: 1.  App icon:主要用于展示App的Logo,如果当前界面不是一级界面,还可以展示返回导航. 2.  View Control:用于切换不同的视图或者展示…
通过前几篇文章,我们对Android的导航栏有了一定的了解认识,本次文章将对Toolbar进行综合应用,主要结合DrawerLayout.ViewPager.PagerSlidingTabStrip一起使用. PagerSlidingTabStrip是github上一个开源库,地址为:https://github.com/astuetz/PagerSlidingTabStrip DrawerLayout之前有过介绍,在此不在过多介绍. 先看布局文件: <RelativeLayout xmlns:…
原创文章,转载请注明出处http://www.cnblogs.com/baipengzhan/p/6285881.html Android底部导航栏有多种实现方式,本文详细介绍FrameLayout + RadioGroup结构的实现方式. 主要的思路是,创建一个Fragment的容器,点击RadioButton,动态地向容器中添加Fragment对象. 这种结构不同于ViewPager + RadioButton结构,本结构的Fragment展示部分不能左右滑动,只能 通过点击RadioBut…
原创文章,引用请注明出处:http://www.cnblogs.com/baipengzhan/p/6270201.html Android底部导航栏有多种实现方式,本文详解其中的ViewPager + RadioGroup方式的实现步骤. 我们先来看以下看一下最终做出的效果,使大家有个基本概念. 本结构特点: 1,ViewPager部分触摸左右滑动切换页面,RadioGroup部分中的RadioButton随着自己对应的ViewPager页面出现选中时的状态,包括改变背景颜色, 改变文字颜色,…
Android底部导航栏 今天简单写了一个底部导航栏,封装了一个库,用法比较简单 效果图 Github地址:https://github.com/kongqw/KqwBottomNavigation 导入库 XML布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/androi…
导航栏和里面的View设置的是同一颜色值,实际运行又不一样.如何保证两者的颜色一致呢?  答案就是:( navigationBar.translucent = NO; )   去除 导航条的分割线(黑线)  .导航条透明   [[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc] init] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];[…
交友:微信号 dwjluck2013 从iOS7开始,苹果对navigationBar进行了模糊处理,并把self.navigationController.navigationBar.translucent = YES 作为默认处理.对此苹果注释的解释为 // Default is NO on iOS 6 and earlier. Always YES if barStyle is set to UIBarStyleBlackTranslucent 这时候就会出现一个问题,当你push的控制器…
尊重原创:http://blog.csdn.net/yuanzeyao/article/details/39378825 关于ActionBar,相信大家并不陌生,可是真正能够熟练使用的也不是许多,这篇文章主要为大家具体介绍ActionBar的相关知识,ActionBar是在Android3.0中引入的概念,所以在2.x系统中使用ActionBar我们须要依赖ActionBarSherklock或者androi-support-v7库,ActionBarSherklock是anroid中很有名的…
通讯录导航栏源码: 1.activity package com.anna.contact.activity; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import com.anna.contact.R; import com.anna.contact.adapter.MyFriendsAdapter; import com.anna.contact.entity.Friend; i…
先上图,然后说大致步骤,最后再说细节 图片效果:依序点击导航栏左一.左二.中.右二.右一,最后直接滑动页面(不依靠导航栏切换) 大致步骤如下(文末会有完整代码) [1]创建一个类,我这里取名TabBarViewPager,然后继承ViewPager [2]在TabBarViewPager类里面,添加构造函数.onTouchEvent(可以使滑动页面失效,只能使用下方的导航栏) [3]在需要用到的类(本文的类是TabBar.java),添加相关会用到的对象 [4]在TabBar里面添加内部类Vie…
                  #import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @end #import "AppDelegate.h" #import "KeyViewController.h" @interface Ap…
[效果](这里下载的软件收费的试用有水印) [推荐]这里推荐一个图标网http://iconfont.cn/.以上图标来自此图标网 [项目结构] [步骤] ①创建布局文件,写底部导航栏 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app=&…
原文地址 本文内容 操作栏目的 基本布局 适应旋转和不同的屏幕尺寸 副操作栏的布局 操作栏按钮 上下文操作栏 操作栏清单 设计原则就是为你在编写 Android APP 时,尤其是如何安排操作按钮的位置,以及顺序等等,能大幅度提供用户体验的,提供的一个指导思想.值得时不时地回忆一下,这些指导原则都是经过长时间实践得到的结论.一个 APP 好不好,在你最开始时,点击一遍所有的菜单和按钮,就清楚了.在使用过大量 Android APP 后,你会发现,遵循了下面这些原则的 APP 将会有更好的用户体验…
我们自定义popupWindow的时候,一般会设置这些参数 setContentView(contentView); //设置高度为屏幕高度 setWidth(UIUtils.getScreenHeight(context)); //设置宽度为屏幕宽度 setHeight(UIUtils.getScreenWidth(context)); setFocusable(true); //dismiss时将背景透明度恢复为1f setOnDismissListener(()-> modifyActiv…
ios7下的app都是全屏的,意思就是所有控制器的view默认都是从  屏幕的 (0,0)开始. 这时候用到导航栏时,往往会出现被导航栏挡住情况. 最明显的是用到tableView时,第一行的数据会被导航栏遮盖 两种解决方法: 一.在控制器下设置导航控制器的导航栏的translucent(半透明)属性为NO,translucent属性在ios6之前默认为no,而在ios7下的导航栏默认却是半透明的,为yes,所以该属性不会占据空间.前提是你不需要导航栏半透明效果. 二.在控制器下设置导航控制器的…
第一种用radiobutton实现 https://wizardforcel.gitbooks.io/w3school-android/content/75.html 布局文件,使用radiogroup <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"…
android自带的有TabHost,但好像无法满足要求, 本文只记录使用 TabLayout + Fragment  和 android 自带的 BottomNavigationView + Fragment 来实现 由于测试的时候使用的是一个工程,所以看起来可能有点乱,但是里面的工程目录没有变化,变化的只是代码部分 需要新建的部分如下: 新建一个工程,如果是在做项目,不要在原项目中进行操作,以免损坏原项目, 通用部分,Fragment部分,(xml和对应的java代码),Androidstu…
ios开发中经常碰到各种需求,比如要求导航栏的颜色和self.view的颜色一样,当我们直接设置navigationBar的颜色和view一样时,我们会发现navigationBar还会有一条分割线留下,本文就是介绍怎么隐藏导航栏底部的分割线的. 第一种方法:不会影响导航栏translucent 半透明的显示 首先在viewDidLoad 定义一个 UIImageView *navigationImageView 来存储底部分割线. UIImageView *navigationImageVie…
[TabLayout] ①TabLayout是选项卡,在屏幕空间有限的情况下,对不同的空间进行分组.属于android support design,更多的用于新闻上,如果放在底部也可做底部导航栏 ②TabLayout的选项卡模式有两种:fixed:scrollable; tabLayout.setTabMode(TabLayout.MODE_FIXED);设置选项卡模式为fixed tabSelectedTextColor:选中时,字的颜色,适用于tabItem的普通模式; tabIndica…
Setting Up the Action Bar 建立Action Bar This lesson teaches you to 这节课教给你 Support Android 3.0 and Above Only 仅仅支持Android 3.0及以上 Support Android 2.1 and Above 支持Android 2.1及其以上 You should also read 你还需要阅读 Setting Up the Support Library 建立Support Librar…
在前面学习使用ActionBar的时候,我们就发现ActionBar中有些方法被标记为过时了,原来在android5.0之后,google推出了一个新的导航工具栏,官方将其定义为:A standard toolbar for use within application content.使用Toolbar将会比ActionBar更加有弹性,更加灵活. 老规矩,先看Toolbar效果图: 下面,我们一起看看,如何使用Toolbar.由于Toolbar是android5.0之后新增的,要想在低版本中…
基本属性 setActiveColor //选中item的字体颜色 setInActiveColor //未选中Item中的颜色 setBarBackgroundColor//背景颜色 setMode(BottomNavigationBar.MODE_FIXED) //填充模式,未选中的Item会显示文字,没有换挡动画 setMode(BottomNavigationBar.MODE_SHIFTING) //换挡模式,未选中的Item不会显示文字,选中的会显示文字 setBackgroundSt…
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android…
https://segmentfault.com/a/1190000007697941…
效果图 html结构 <ul> <li><a href="#">Xiaomi手机</a></li> <li><a href="#">Redmi 手机</a></li> <li><a href="#">电视</a></li> <li><a href="#"&…
Talk is cheap, show me the code. --Linus Torvalds Okay, here: 一.导航栏: [java] view plain copy private void hideNavigationBar() { View decorView = getWindow().getDecorView(); int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULL…
注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer.android.com/training/basics/actionbar/index.html 添加Action Bar Action Bar是你能为你应用的Activity所能实现的最重要的设计元素之一.它提供了一些用户接口特性,使得你的应用可以通过和其他的应用在使用过程中体现一致连贯性而被用…
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 获取底部虚拟导航栏的高度值 效果图 代码分析 checkDeviceHasNavigationBar(Context context): 检测是否存在底部虚拟导航栏 getNavigationBarHeight(Context activity): 获取底部虚拟导航栏高度 使用步骤 一.项目组织结构图 注意事项: 1.导入类文件后需要change包名以及重新import R文件路径 2.Values目录下的文件(strings.…