android导航条
① Android 显示、隐藏状态栏和导航栏
Android 显示、隐藏状态栏和导航栏
控制状态栏显示，Activity的主题中配置全屏属性
控制状态栏显示，在setContentView之前设置全屏的flag
控制状态栏显示，在任何位置通过添加和移除全屏的flag
控制状态栏和导航栏显示，setSystemUiVisibility
// 全屏展示
// 非全屏显示，显示状态栏和导航栏
② 超简单，几行代码搞定Android底部导航栏
咳咳，答应过年增加新功能的，没想到拖到现在，延迟了一个来月，尴尬，尴尬
那个，我们先忽略这尴尬的事情吧，进入正题才是最重要滴
老规矩，先上效果图：
跟原来的图有个很明显的区别，你们也一定都发现了，对不对。那么显眼的小红点，一定都看到了吧。
当然除了这个，还增加了一项功能，虽然不是很明显，但相信也有小伙伴发现了吧，截图的这俩手机屏幕明显大小不同，但是底部导航栏的大小还是相差不大滴。
是的，你们没有看多，这次不仅增加了小红点功能，还增加了底部导航栏的适配，你没有听错，以后底部导航栏也不用那些dp、sp了，都按照UI妹子们标注的px来就可以了，再也不用为了底部导航栏去跟UI妹子解释啥叫dp了。
好了，效果图展示完了，现在该进入枯燥的使用介绍了。
由于这次改动有点大，所以，先介绍下上个稳定版本的用法，到底是用最新的，还是用原来的，就看各位小伙伴的意愿了
上个稳定版本是1.1.3的，引用方式如下
compile 'com.hjm:BottomTabBar:1.1.3'
具体用法如下（备注都加好了，我也就不多废话了）：
最新版本是1.2.2的，引用方式如下
compile 'com.hjm:BottomTabBar:1.2.2'
其实1.2.0与1.1.3区别并不大，只有4点改动：
现在默认的，分割线高度都是设置的1个像素。这里以后也固定都用这个默认的高度了，不再对外提供修改的方法。
这就是新增加的适配了，多的也不说了，你们都懂的
标准尺寸，就是UI妹子给你提供的效果图的屏幕尺寸，只要在init()方法里添加上标准尺寸，你就可以放肆的使用px了
这个方法就是控制小红点显示的方法了，index就是需要显示或者隐藏小红点的TabItem，isShow是一个boolean类型的参数，他是控制小红点是否显示的，如果为true，就会显示小红点；如果为false，就会隐藏小红点
1.2.2版本新增了两个方法
介绍到这里，超简单的底部导航栏，第二阶段就可以告一段落了。以后还会持续优化，完善的。
第三阶段我打算封装一下有中间凸起的底部导航栏，这个功能我本地已经做了，但是封装进去的时候，封装的不理想，这次就没有上线，留作下次了。
最后，再上个 GitHub 地址
③ 如何隐藏/显示 android 系统的虚拟导航栏/按键
安卓 4.4 以上的版本支持隐藏导航栏，也就是那三个虚拟的按键，本篇经验就介绍如何来隐藏着三个按键。
工具/原料
安卓4.4 以上版本的手机
方法/步骤
安卓4.4以上版本，增加了虚拟的三个按键，谷歌称此三个按钮为导航栏，这三个导航栏是可以隐藏起来的，以节省更多的屏幕空间。
点击设置，进入手机设置。
步骤阅读
在设置中，找到“导航栏可以隐藏”的设置项，将其开启。
开启后，立即生效，点击返回。可以发现导航栏左边多了一个V形的隐藏按钮。点击它即可隐藏导航栏。
隐藏后的效果。
步骤阅读
如果需要让导航栏再次出现，只需在屏幕底部，向上滑动
向上滑动之后，导航栏就再次显示出来。
④ 如何实现Android透明导航栏
实现功能
1.步骤：
1) 创建一个工程，主布局就先做一个ImageView，自己找个好看的图片做src。
2) 在Activity重写的onCreate方法中获得窗口视图对象(DecorView)
3) 设置DecorView的SystemUiVisibility
4) 设置导航条、状态栏的颜色–>透明
5) 获取当前Activity的ActionBar并隐藏
2.具体代码和注释：
获取DecorView对象
java">@Override
protectedvoidonCreate(BundlesavedInstanceState){
...
ViewdecorView=getWindow().getDecorView();
...
}
设置SystemUiVisibility
intoption=View.SYSTEM_UI_FLAG_FULLSCREEN//全屏标记
|View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN//布局全屏标记，避免退出全屏模式时内容被覆盖
|View.SYSTEM_UI_FLAG_HIDE_NAVIGATION//隐藏导航栏标记
|View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION//布局隐藏导航栏标记，同理
|View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY//粘性沉浸体验
|View.SYSTEM_UI_FLAG_LAYOUT_STABLE;//确保上述标记稳定//此方法用来设置系统UI的可见性，系统UI包括状态栏、ActionBar、导航栏devorView.setSystemUiVisibility(option);
设置状态栏、导航栏的颜色：
getWindow().setStatusBarColor(Color.TRANSPARENT);//Color.TRANSPARENT=0表示#00000000即透明颜色
getWindow().setNavigationBarColor(Color.TRANSPARENT);
获取本页面的ActionBar并隐藏起来
ActionBaractionBar=getSupportActionBar();//注意：此处用的Activity继承的是
AppCompatActivity(它继承的是FragmentActivity)
//所以调用的是getSupport...方法，如果继承Activity则直接调用get...方法
assertactionBar!=null;//这一句可以不理会，反正我是Ctrl+F1提示出来的，意思其实是判断如果actionBar不为空则向下执行。
actionBar.hide();
注意：最后一点注意事项是：只支持Android API 21以上的手机
⑤ android关掉导航栏后怎么
1.
在手机桌面上找到【设置】按钮,点击“设置”去设置界面找回
2.
点击“设置”后,进入“常用设置”,在右边是“全部设置”,点击“全部设置”,屏幕往上翻,在下面找到“导航栏”;
3.
选择并点击“导航栏”进入“导航栏”页面,这里可以看到“导航栏可隐藏”后面的按钮呈开启状态,原因就出在这里;
4.
将“导航栏可隐藏”后面的按钮呈关闭
⑥ Android自定义字母导航栏
自定义侧边字母导航栏，根据实际字母高度进行显示
先上效果图
public class SlideBar extends View {
//当前手指滑动到的位置
private int choosedPosition = -1;
//画文字的画笔
private Paint paint;
//单个字母的高度
private float perTextHeight;
//字母的字体大小
private float letterSize;
//字母的垂直间距
private float letterGap;
//字母圆形背景半径
private float bgRadius;
private ArrayList<String> firstLetters = new ArrayList<>();
//绘制点击时的蓝色背景
private Paint backgroundPaint;
private Context context;
private OnTouchFirstListener listener;
public RecyclerView getTiku_recycle_answer() {
return tiku_recycle_answer;
}
public void setTiku_recycle_answer(RecyclerView tiku_recycle_answer) {
this.tiku_recycle_answer = tiku_recycle_answer;
}
RecyclerView tiku_recycle_answer;
public SlideBar(Context context) {
this(context, null);
}
public SlideBar(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SlideBar(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
this.context = context;
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.SlideBar);
//字母的字体大小
letterSize = typedArray.getDimension(R.styleable.SlideBar_letter_size, DisplayUtils.sp2px(context, 10.0f));
//每个字母的高
perTextHeight = typedArray.getDimension(R.styleable.SlideBar_letter_height, DisplayUtils.dp2px(context, 10.0f));
//字母垂直间距
letterGap = typedArray.getDimension(R.styleable.SlideBar_letter_gap, DisplayUtils.dp2px(context, 6.0f));
//字母垂直间距
bgRadius = typedArray.getDimension(R.styleable.SlideBar_letter_bg_radius, DisplayUtils.dp2px(context, 8.0f));
typedArray.recycle();
init();
}
public void init() {
//初始化画笔
paint = new Paint();
paint.setAntiAlias(true);
paint.setTextSize(letterSize);
paint.setTypeface(Typeface.DEFAULT_BOLD);
//初始化圆形背景画笔
backgroundPaint = new Paint();
backgroundPaint.setAntiAlias(true);
backgroundPaint.setColor(context.getResources().getColor(R.color.color_368FFF));
}
public void setFirstLetters(ArrayList<String> letters) {
firstLetters.clear();
firstLetters.addAll(letters);
invalidate();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec); //获取宽的模式
int heightMode = MeasureSpec.getMode(heightMeasureSpec); //获取高的模式
int widthSize = MeasureSpec.getSize(widthMeasureSpec); //获取宽的尺寸
int heightSize = MeasureSpec.getSize(heightMeasureSpec); //获取高的尺寸
int width = 0;
int height;
if (widthMode == MeasureSpec.EXACTLY) {
//如果match_parent或者具体的值，直接赋值
width = widthSize;
} else {
//如果其他模式，则指定一个宽度
width = DisplayUtils.dp2px(getContext(), 20.0f);
}
//高度跟宽度处理方式一样
if (heightMode == MeasureSpec.EXACTLY) {
height = heightSize;
} else {
float textHeight = perTextHeight;
height = (int) (getPaddingTop() + textHeight * (firstLetters.size() + 1) + letterGap * (firstLetters.size() - 1) + getPaddingBottom());
}
if (height > tiku_recycle_answer.getMeasuredHeight()) {
height = tiku_recycle_answer.getMeasuredHeight();
}
//保存测量宽度和测量高度
setMeasuredDimension(width, height);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
for (int i = 0; i < firstLetters.size(); i++) {
paint.setColor(i == choosedPosition ? Color.WHITE : context.getResources().getColor(R.color.color_368FFF));
float x = (getWidth() - paint.measureText(firstLetters.get(i))) / 2;
float y = (float) getHeight() / firstLetters.size();//每个字母的高度
if (i == choosedPosition) {
canvas.drawCircle((float) (getWidth() / 2), i * y + y / 2, bgRadius, backgroundPaint);
}
//垂直位置需要增加一个偏移量,上移两个像素，因为根据计算得到的是baseline，将字母上移，使其居中在圆内
canvas.drawText(firstLetters.get(i), x, (perTextHeight + y) / 2 + y * i-2, paint);
}
}
//触碰事件
//按下，松开，拖动
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
case MotionEvent.ACTION_MOVE:
this.setBackgroundColor(context.getResources().getColor(android.R.color.transparent));
float y = event.getY();
//获取触摸到字母的位置
choosedPosition = (int) y * firstLetters.size() / getHeight();
//上滑超过边界，显示第一个
if (choosedPosition < 0) {
choosedPosition = 0;
}
//下滑超过边界，显示最后一个
if (choosedPosition >= firstLetters.size()) {
choosedPosition = firstLetters.size() - 1;
}
if (listener != null) {
//滑动A-Z字母联动外层数据
listener.onTouch(firstLetters.get(choosedPosition));
}
break;
case MotionEvent.ACTION_UP:
this.setBackgroundColor(context.getResources().getColor(android.R.color.transparent));
choosedPosition = -1;
if (listener != null) {
//滑动A-Z字母联动外层数据
listener.onRelease();
}
break;
}
//重绘
invalidate();
return true;
}
public void setFirstListener(OnTouchFirstListener listener) {
this.listener = listener;
}
/**
* OnTouchFirstListener 接口
* onTouch：触摸到了那个字母
* onRelease:up释放时中间显示的字母需要设置为GONE
*/
public interface OnTouchFirstListener {
void onTouch(String firstLetter);
void onRelease();
}
}
<declare-styleable name="SlideBar">
<attr name="letter_size" format="dimension" />
<attr name="letter_height" format="dimension" />
<attr name="letter_gap" format="dimension" />
<attr name="letter_bg_radius" format="dimension" />
</declare-styleable>
xml中引入，我的是constraintlayout，具体设置看自己的布局
<com.answer.view.SlideBar
android:id="@+id/slideBar"
android:layout_width="@dimen/dp_20"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="@+id/tiku_recycle_answer"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/guide_answer"
app:layout_constraintTop_toTopOf="@+id/tiku_recycle_answer"
app:letter_bg_radius="@dimen/dp_8"
app:letter_gap="@dimen/dp_6"
app:letter_height="@dimen/dp_10"
app:letter_size="@dimen/sp_10" />
private void handleSlideBarEvent() {
List<QuesCommentSubjectiveStuBean> datas = .getDatas();//获取处理后的数据，赋值给导航栏
ArrayList<String> letters = new ArrayList<>();
for (QuesCommentSubjectiveStuBean stuBean : datas) {
if (letters.contains(stuBean.getFirstLetter())) {
continue;
}
letters.add(stuBean.getFirstLetter());
}
slideBar.setFirstLetters(letters);
slideBar.setTiku_recycle_answer(tiku_recycle_answer);
slideBar.setFirstListener(new SlideBar.OnTouchFirstListener() {
@Override
public void onTouch(String firstLetter, float dy) {
tv_first_letter.setVisibility(VISIBLE);
tv_first_letter.setText(firstLetter);
ConstraintLayout.LayoutParams layoutParams = (ConstraintLayout.LayoutParams) tv_first_letter.getLayoutParams();
//如果是第一个字母，修改提示框显示位置
layoutParams.topMargin = (int) dy + slideBar.getTop() - tv_first_letter.getMeasuredHeight() / 2;
//异常情况，点击最后一个字符，提示框显示不全的场景,如果显示位置超过屏幕，则靠底部显示
if ((int) dy + slideBar.getTop() + tv_first_letter.getMeasuredHeight() / 2 > tiku_recycle_answer.getBottom()) {
layoutParams.topMargin = tiku_recycle_answer.getBottom() - tv_first_letter.getMeasuredHeight();
}
tv_first_letter.setLayoutParams(layoutParams);
//滑动后移动到对应的位置,找到第一个匹配到首字母的学生，位移到此处
int newPosition = -1;
for (QuesCommentSubjectiveStuBean stuBean : datas) {
if (firstLetter.equals(stuBean.getFirstLetter())) {
newPosition = datas.indexOf(stuBean);
break;
}
}
//move时会多次触发，此处只响应第一次
if (newPosition != lastPosition) {
lastPosition = newPosition;
Lg.d(TAG, "questionComment-->--滑动导航栏跳转到首字母：" + firstLetter);
subJectLinearLayoutManager.scrollToPositionWithOffset(lastPosition, 0);
}
}
@Override
public void onRelease() {
postDelayed(new Runnable() {
@Override
public void run() {
lastPosition = -1;
tv_first_letter.setVisibility(GONE);
}
}, 200);
}
});
}
5.一个小问题。
用于放大显示选中字母的TextView在布局中，请设置为invisible，这样在加载xml布局时，会对这个控件进行测量和布局，只是不显示，这样我们才能获得tv_first_letter.getMeasuredHeight()，如果设置为gone，不会进行测量，获取的高度就为0，这样在第一次显示的时候就会有一个显示位置跳动的异常。设置为invisible就可以解决这个问题，目的就是让系统测量一下TextView的宽高，不想这么搞的话，在第4步之前手动测量一次也是可以的。
<TextView
android:id="@+id/tv_first_letter"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="@dimen/dp_2"
android:background="@mipmap/ic_bubble"
android:fontFamily="sans-serif"
android:gravity="center"
android:text="C"
android:textColor="@color/color_ffffff"
android:textSize="@dimen/sp_18"
android:visibility="invisible"
app:layout_constraintEnd_toStartOf="@+id/guide_answer"
app:layout_constraintTop_toTopOf="parent" />
⑦ 如何实现Android透明导航栏
1、androidkitkat 有一个新的特性可以设置手机状态栏的背景，让手机整个界面的风格保持一致，看起来非常清爽。
2、android4.4提供了一套能透明的系统ui样式给状态栏和导航栏，这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了，还可以调成跟activity 一样的样式，形成一个完整的主题。
3、首先要打开activity的透明主题功能，可以把activity的主题设置继承*.TranslucentDecor 主题，然后设置android:windowTranslucentNavigation或者android:windowTranslucentStatus的主题属性为true，又或者在activity的代码里面开启FLAG_TRANSLUCENT_NAVIGATION或是FLAG_TRANSLUCENT_STATUS的window窗口标识。由于透明主题不能在4.4以前的版本里面使用，所以系统样式跟以前没有区别，也就是看不到任何变化，这是一个兼容模式，这个模式可以兼容到api 10。
