4-VVI-材料设计之沉浸标题栏和TextInputLayout

零、前言

这是两个比较小的点，放在一起说一下：
沉浸标题栏：现在基本上都用沉浸标题栏了，不然最顶的一小块跟app风格不搭
TextInputLayout：包裹一个EditeText，多用于登陆验证的输入框

一、沉浸标题栏

沉浸标题栏.png

由于从5.0开始才有，以下会崩掉，所以需要适配处理

values-v19/styles.xml 无效果，仅防止低版本崩掉

<resources>
    <!--values-v19。v19 开始有 android:windowTranslucentStatus 这个属性-->
    <style name="TranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>
</resources>

values-v21/styles.xml

<resources>
    <!--values-v21 5.0 以上提供了 setStatusBarColor() 方法设置状态栏颜色。-->
    <style name="TranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">false</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <!--Android 5.x开始需要把颜色设置透明，否则导航栏会呈现系统默认的浅灰色-->
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>
</resources>

使用：给Activity设置主题即可

android:theme="@style/TranslucentTheme"

二、TextInputLayout

依赖

implementation 'com.android.support:design:26.1.0'

输入框获得焦点后会有一个上移动画，还可以设定小眼睛显隐密码

TextInputLayout.png

  <android.support.design.widget.TextInputLayout
        android:id="@+id/til2"
        app:passwordToggleEnabled="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:id="@+id/et_pw"
            android:layout_width="363dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:hint="登陆密码"
            android:inputType="numberPassword"
            android:textColor="@color/white"
            android:textColorHint="@color/white"
           />
    </android.support.design.widget.TextInputLayout>

其中app:passwordToggleEnabled="true" 显示小眼睛

还有一个点是改变颜色：

可以自己定义一个主题，设置colorAccent的颜色值

<style name="LoginTheme" parent="TranslucentTheme">
    <item name="colorAccent">#ffffff</item>
</style>

后记、

1.声明：

[1]本文由张风捷特烈原创,转载请注明
[2]欢迎广大编程爱好者共同交流
[3]个人能力有限，如有不正之处欢迎大家批评指证，必定虚心改正
[4]你的喜欢与支持将是我最大的动力

2.连接传送门：

3.联系我

QQ:1981462002
邮箱：1981462002@qq.com
微信：zdl1994328

4.欢迎关注我的微信公众号，最新精彩文章，及时送达：

公众号.jpg