android导航栏渐变

❶ 如何实现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。

❷ 如何实现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标题栏透明度渐变

<alpha>标签为alpha透明度节点
android:fromAlpha="1.0" 设置动画起始透明度为1.0 表示完全不透明
android:toAlpha="0.0"设置动画结束透明度为0.0 表示完全透明
也就是说alpha的取值范围为0.0 - 1.0 之间

这个动画布局设置动画从完全不透明渐变到完全透明。

view plain

<?xml
version="1.0"
encoding="utf-8"?>

<alpha
xmlns:android="http://schemas.android.com/apk/res/android"

android:fromAlpha="1.0"

android:toAlpha="0.0"

android:repeatCount="infinite"

android:ration="2000">

</alpha>

代码实现

view plain

import android.app.Activity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;

public
class AlphaActivity extends Activity {
/**显示动画的ImageView**/

ImageView mImageView = null;

/**透明动画**/

Animation mAnimation = null;
@Override

public
void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.translate);

/**拿到ImageView对象**/

mImageView = (ImageView)findViewById(R.id.imageView);

/**加载透明动画**/

mAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);

/**播放透明动画**/

mImageView.startAnimation(mAnimation);
}
}

❹ Android 状态栏透明

前言：最近项目大量用到状态栏透明，网上也出现很多库可以直接拿来用，个人认为没有必要那么重引用到一个库（有木有同学和我有一样的想法），所以研究了一番，在此做个记录加强记忆也便后期查阅，如果无意中有幸能帮助到你那就再好不过了。

Android 从 4.4 (SDK 19) 开始支持 系统栏（状态栏+导航栏）半透明 效果：

翻译一下就是：

TranslucentDecor 主题设置了两个属性 windowTranslucentStatus 和 windowTranslucentNavigation 都为 true，前者指定状态栏半透明、后者指定导航栏半透明。

本文只探讨“状态栏” 。

默认样式是这样：

可见 Toolbar 和系统状态栏之间有明显的分界，我们要实现的效果是 Toolbar 和状态栏背景统一，看起来像是一个整体（自行脑补图片）。

按照官方文档，我们自定义主题：

对应的 Activity 引用该主题：

我看来看看效果：

虽然实现了半透明，但是布局被状态栏覆盖，接下来在布局文件中设置 fitSystemWindows （注意加到根节点 ConstraintLayout 上）：

来看看效果：

虽然布局没有被状态栏覆盖，但是状态栏背景显然这不是我们想要的效果😭

为什么状态栏会这么奇怪？

文章开头的定义中我们说了，布局文件会延伸到状态栏所占区域下， fitsSystemWindows 的作用是给对应的 View 增加 padding（这里以 ConstraintLayout 为例），目的是为了让其内容不被状态栏遮挡。

在我们的布局文件中 ConstraintLayout 没有设置背景（默认白色），所以状态栏默认的半透明背景色和 ConstraintLayout 的白色背景叠加，就变成了上图中的效果。

【总结】两个基本概念：

1、 windowTranslucentStatus 设置为true之后，状态栏默认是 半透明 的（4.4 是黑色到透明色渐变，5.0+ 是纯黑色半透明），和我们要求的 透明 相去甚远。更重要的是，布局会延伸到状态栏底下。

2、 android:fitsSystemWindows 简单理解 就是 View 为了适配系统状态栏和导航栏（不被遮挡）自动 增加 padding ，当然真正的实现原理比这复杂很多而且不同的 View 可以自定义实现方式。

所以，为了实现文章开头提出来的“状态栏透明”效果，我们需要处理：

设置 windowTranslucentStatus 为 true，让状态栏半透明。

在根节点设置 android:fitsSystemWindows 使其不被状态栏遮挡。

Android 4.4 暂时没有办法去掉状态栏的渐变。

Android 5.0+ 开始支持修改状态栏颜色，设置透明色即可把半透明去掉。

看看效果：

我们看到即使状态栏透明了，但是其底色是一片白，因为跟节点 ConstraintLayout 没有设置背景，大多情况下我们不会给整个跟节点设置颜色，可以考虑把 android:fitsSystemWindows 设置到子 View 上，本例中是 AppBarLayout （5.0+ 无效，只能显式给 AppBarLayout 加 padding，可以利用其背景色），实际项目中可灵活调整。

最终效果：

至此，完成状态栏透明效果，网上有很多库，实际上都是基于此原理，在此基础上再自定义 View 做为状态栏背景。

https://developer.android.com/about/versions/android-4.4.html

❺ android标题栏icon怎样渐变

在layout.xml文件中配置相关属性。
[html] view plain

<?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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:gravity="center"
android:orientation="vertical"
tools:context=".MainActivity">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical">

<com.david.gradientuilibrary.GradientIconView
android:id="@+id/apple_icon"
app:bottom_icon="@mipmap/apple_1998"
app:top_icon="@mipmap/apple_2007"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

<com.david.gradientuilibrary.GradientTextView
android:id="@+id/apple_label"
app:bottom_text_color="@color/apple_black"
app:text="@string/apple_logo"
app:text_size="32sp"
app:top_text_color="@color/apple_gray"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

</LinearLayout>

<SeekBar
android:id="@+id/gradientui_seekbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"/>

</LinearLayout>
代码中实现
[java] view plain
package com.david.gradientuisample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.SeekBar;

import com.david.gradientuilibrary.GradientIconView;
import com.david.gradientuilibrary.GradientTextView;

public class MainActivity extends AppCompatActivity {

private GradientIconView mAppleLogo;
private GradientTextView mAppleLabel;
private SeekBar mSeekbar;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}

private void initView() {
mAppleLogo = (GradientIconView) findViewById(R.id.apple_icon);
mAppleLabel = (GradientTextView) findViewById(R.id.apple_label);
mSeekbar = (SeekBar) findViewById(R.id.gradientui_seekbar);
mSeekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
mAppleLogo.setIconAlpha((progress * 1.0f) / 100);
mAppleLabel.setTextViewAlpha((progress * 1.0f) / 100);
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {

}
});
}
}

❻ 如何实现Android透明导航栏

你可以重写onTouchEvent（）方法，判断手指按下和抬起来的y位置变化，当满足上移的条件时，改变导航栏的透明度即可

❼ 超简单，几行代码搞定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 View — Gradient 渐变

Android 支持三种颜色渐变， LinearGradient（线性渐变） RadialGradient （径向渐变） SweepGradient（扫描渐变）。这三种渐变继承自android.graphics.Shader， Paint 类通过setShader支持渐变。

线性渐变就是在线性方向的的渐变。有两个构造函数，

第二种 构造函数是第一种的简化版，只支持两种颜色。

RadialGradient 是圆环一样的的渐变，RadialGradient 同样是两个构造函数，

1.float centerX, float centerY 渐变的中心点 圆心
2.float radius 渐变的半径
3.int[] colors 渐变颜色数组
4.float[] stops 和颜色数组对应， 每种颜色在渐变方向上所占的百分比取值[0, 1]
5.Shader.TileMode tileMode 表示绘制完成，还有剩余空间的话的绘制模式。

1.float centerX, float centerY 渐变的中心点 圆心
2.float radius 渐变的半径
3.int centerColor, int edgeColor 中心点颜色和边缘颜色
4.Shader.TileMode tileMode 表示绘制完成，还有剩余空间的话的绘制模式

SweepGradient 是和角度有关的渐变。以某一点为圆心，随着角度的大小发生渐变。

1.float cx, float cy 中心点坐标
2.int[] colors 颜色数组
3.float[] positions 数组颜色在渐变方向上所占的百分比

1.float cx, float cy 中心点坐标
2.int color0, int color1 开始颜色 结束颜色

在LinearGradient RadialGradient 渐变中，构造函数的最后一个参数为 Shader.TileMode 类型，决定了如果View还有剩余空间，如何绘制。

从上到下依次为：CLAMP REPEAT MIRROR

从上到下依次为：CLAMP REPEAT MIRROR

一些背景的渐变通过定义 Shape Drawable 来实现。Shape Drawable 有gradient 属性。

❾ 怎么在android上面做出根据形状来渐变的效果

<shape> Android:shape=["rectangle" | "oval" | "line" | "ring"] 其中rectagle矩形，oval椭圆，line水平直线，ring环形
<shape>中子节点的常用属性：
<gradient> 渐变
Android:startColor 起始颜色
Android:endColor 结束颜色
Android:angle 渐变角度，0从左到右，90表示从下到上，数值为45的整数倍，默认为0；
Android:type 渐变的样式 liner线性渐变 radial环形渐变 sweep <solid > 填充
Android:color 填充的颜色
<stroke >描边
Android:width 描边的宽度
Android:color 描边的颜色
Android:dashWidth 表示'-'横线的宽度
Android:dashGap 表示'-'横线之间的距离
<corners >圆角
Android:radius 圆角的半径 值越大角越圆
Android:topRightRadius 右上圆角半径
Android:bottomLeftRadius 右下圆角角半径
Android:topLeftRadius 左上圆角半径
Android:bottomRightRadius 左下圆角半径
<padding >填充
android:bottom="1.0dip" 底部填充
android:left="1.0dip" 左边填充
android:right="1.0dip" 右边填充
android:top="0.0dip" 上面填充
Selector
根据不同的选定状态来定义不同的现实效果 分为四大属性：
android:state_selected 是选中
android:state_focused 是获得焦点
android:state_pressed 是点击
android:state_enabled 是设置是否响应事件,指所有事件
android:state_window_focused 默认时的背景图片 引用位置：res/drawable/文件的名称.xml
使用的方法：
Java代码中：R.drawable.文件的名称 XML中：Android:background="@drawable/文件的名称"
示例：
<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:Android="http://schemas.android.com/apk/res/android">
<!-- 默认时的背景图片-->
<item Android:drawable="@drawable/pic1" />
<!-- 没有焦点时的背景图片 -->
<item
Android:state_window_focused="false"
android:drawable="@drawable/pic_blue"
/>
<!-- 非触摸模式下获得焦点并单击时的背景图片 -->
<item
Android:state_focused="true"
android:state_pressed="true"
android:drawable= "@drawable/pic_red"
/>
<!-- 触摸模式下单击时的背景图片-->
<item
Android:state_focused="false"
Android:state_pressed="true"
Android:drawable="@drawable/pic_pink"
/>
<!--选中时的图片背景-->
<item
Android:state_selected="true"
android:drawable="@drawable/pic_orange"
/>
<!--获得焦点时的图片背景-->
<item
Android:state_focused="true"
Android:drawable="@drawable/pic_green"
/>
</selector>

layer-list(多个shape)
将多个图片或上面两种效果按照顺序层叠起来
示例：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<bitmap android:src="@drawable/android_red"
android:gravity="center" />
</item>
<item android:top="10dp" android:left="10dp">
<bitmap android:src="@drawable/android_green"
android:gravity="center" />
</item>
<item android:top="20dp" android:left="20dp">
<bitmap android:src="@drawable/android_blue"
android:gravity="center" />
</item>
</layer-list>

感觉很像多个drawable
三者可以结合使用
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<layer-list>
<item android:bottom="8.0dip">
<shape>
<solid android:color="#ffaaaaaa" />
</shape>
</item>
<item>
<shape>
<corners android:bottomLeftRadius="4.0dip" android:bottomRightRadius="4.0dip" android:topLeftRadius="1.0dip" android:topRightRadius="1.0dip" />

<solid android:color="#ffaaaaaa" />

<padding android:bottom="1.0dip" android:left="1.0dip" android:right="1.0dip" android:top="0.0dip" />
</shape>
</item>
<item>
<shape>
<corners android:bottomLeftRadius="3.0dip" android:bottomRightRadius="3.0dip" android:topLeftRadius="1.0dip" android:topRightRadius="1.0dip" />

<solid android:color="@color/setting_item_bgcolor_press" />
</shape>
</item>
</layer-list>
</item>
<item>
<layer-list>
<item android:bottom="8.0dip">
<shape>
<solid android:color="#ffaaaaaa" />
</shape>
</item>
<item>
<shape>
<corners android:bottomLeftRadius="4.0dip" android:bottomRightRadius="4.0dip" android:topLeftRadius="1.0dip" android:topRightRadius="1.0dip" />

<solid android:color="#ffaaaaaa" />

<padding android:bottom="1.0dip" android:left="1.0dip" android:right="1.0dip" android:top="0.0dip" />
</shape>
</item>
<item>
<shape>
<corners android:bottomLeftRadius="3.0dip" android:bottomRightRadius="3.0dip" android:topLeftRadius="1.0dip" android:topRightRadius="1.0dip" />

<solid android:color="@color/setting_item_bgcolor" />
</shape>
</item>
</layer-list>
</item>
</selector>

❿ android颜色渐变如何实现从四周往中心渐变 或者从中心往四周渐变 都行，不是 从左往右

android 颜色渐变是指通知xml或者java代码，设置相关参数，是界面的某个指定的视图显示成从开始位置的颜色，逐渐过度到结尾位置的颜色的技术。

android颜色渐变的分类有：

LinearGradient线性渐变

RadialGradient镜像渐变

SweepGradient角度渐变

一、LinearGradient线性渐变
顾名思义，是只颜色在一个直线方向上逐渐改变。

文件代码：

<?xmlversion="1.0"encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">

<gradient
android:endColor="#0000FF"
android:startColor="#FF0000"
android:type="linear"/>

</shape>

效果：