其他分享
首页 > 其他分享> > 2021-10-09 FrameLayou、BottomNavigationView、selector、回顾MVVM架构

2021-10-09 FrameLayou、BottomNavigationView、selector、回顾MVVM架构

作者:互联网

FrameLayout

在FrameLayout布局里,放在布局里的控件是按照放入的顺序层次堆叠在屏幕的左上角,定义任何控件放入位置相关的属性都不起作用。但是子控件可以通过android : layout_gravity 属性来控制自己在父控件中的位置。

这里在此区分android : layout_gravity 、和 android : gravity 的区别,android : gravity是控制在自身内容对自己的限定,就比如说一个文本框的width设置的为fill_parent,然后android:gravity=“right”,那么这个文本框内容就会跑到布局的右边。这是因为它的宽度是占满,所以设置了自己内容相对自身的位置后就改变了位置。

BottomNavigationView

底部导航栏 使用BottomNavigationView,在这个控件中设置属性,其中有一个App:menu是加载进来画好的menu,那么就需要画好menu。在menu中需要哪几个控制栏属性,就设置几个item。

比如:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:visible="false"
        android:id="@+id/navigation_home"
        android:icon="@drawable/main_botton_nav_icon_home"
        android:title="@string/navigate_home_page" />

    <item
        android:id="@+id/navigation_controller"
        android:icon="@drawable/main_botton_nav_icon_controll"
        android:title="@string/navigate_control" />

    <item
        android:id="@+id/navigation_mine"
        android:icon="@drawable/main_botton_nav_icon_mine"
        android:title="@string/navigate_mine" />
</menu>

selector

这个属性一般用于在不同情况下设置不同的颜色或者是不同的图片,

color-selector 就是颜色状态列表

语法:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:color="hex_color"       //颜色值,#RGB,$ARGB,#RRGGBB,#AARRGGBB
        android:state_pressed=["true" | "false"]//是否触摸 
        android:state_focused=["true" | "false"]//是否获得焦点
        android:state_selected=["true" | "false"]//是否被状态
        android:state_checkable=["true" | "false"]//是否可选
        android:state_checked=["true" | "false"]//是否选中
        android:state_enabled=["true" | "false"]//是否可用
        android:state_window_focused=["true" | "false"] />//是否窗口聚焦
</selector>

使用:

在/res/color/文件夹下新建test_color_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:color="#ffff0000"/> <!-- pressed -->
    <item android:state_focused="true"
          android:color="#ff0000ff"/> <!-- focused -->
    <item android:color="#ff000000"/> <!-- default -->
</selector>
<Button
    android:id="@+id/bt_about"
    style="@style/Button_style"
    android:layout_width="250dp"
    android:layout_height="50dp"
    android:layout_margin="5dp"
    android:textColor="@color/test_color_selector"
    android:text="@string/about" />

同理使用drawable-selector

语法:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:constantSize=["true" | "false"]//drawable的大小是否当中状态变化,true表示是变化,false表示不变换,默认为false
    android:dither=["true" | "false"]//当位图与屏幕的像素配置不一样时(例如,一个ARGB为8888的位图与RGB为555的屏幕)会自行递色(dither)。设置为false时不可递色。默认true
    android:variablePadding=["true" | "false"] >//内边距是否变化,默认false
    <item
        android:drawable="@[package:]drawable/drawable_resource"//图片资源
        android:state_pressed=["true" | "false"]//是否触摸
        android:state_focused=["true" | "false"]//是否获取到焦点
        android:state_hovered=["true" | "false"]//光标是否经过
        android:state_selected=["true" | "false"]//是否选中
        android:state_checkable=["true" | "false"]//是否可勾选
        android:state_checked=["true" | "false"]//是否勾选
        android:state_enabled=["true" | "false"]//是否可用
        android:state_activated=["true" | "false"]//是否激活
        android:state_window_focused=["true" | "false"] />//所在窗口是否获取焦点
</selector>

使用:

在res/drawable文件夹下建xml,

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/button_bg_press" />
    <item android:state_focused="true" android:drawable="@drawable/button_bg_press" />
    <item android:state_pressed="true" android:drawable="@drawable/button_bg_press"  />
    <item android:drawable="@drawable/button_bg_normol"  />
</selector>
 <Button
        android:id="@+id/bt_about"
        style="@style/Button_style"
        android:background="@drawable/button_selector"
        android:layout_width="250dp"
        android:layout_height="50dp"
        android:layout_margin="5dp"
        android:textColor="@color/test_color_selector"
        android:text="@string/about" />

重新再次回顾MVVM架构

项目整体模块:

mvvm架构:

标签:10,MVVM,控件,FrameLayou,ViewModel,gravity,selector,android,View
来源: https://blog.csdn.net/qq_45204129/article/details/120675667