Android 之 实验13 BottomNavigationView与ViewMode、LiveData的基本使用

发布时间 2024-01-03 18:45:12作者: Ivan丶c

实验13 BottomNavigationView与ViewMode、LiveData的基本使用

一、 实验目的及要求

通过本实验的学习,使学生掌握BottomNavigationView与ViewMode、LiveData的基本使用

二、实验设备(环境)及要求

Android Studio

三、实验内容与步骤

  1. 新建一个Android项目,设置项目的基本属性,选择Bottom Navigation Activity模板,如图:
    image

  2. kotlin与现在这个项目下载的版本包发生冲突,有重复类,给app指明要加载哪个包类,在build.gradle(:app)中
    image

  3. 将实验需要使用的图片资源放在drawable-xxhdpi文件夹下(新建)
    4.在drawable文件夹下,新建Vector Asset文件,baseline_ondemand_video_24.xml与baseline_person_24.xml
    image

  4. 修改values文件夹下的strings.xml,属性如下:
    image

  5. 修改menu文件夹下的bottom_nav_menu.xml,属性如下:
    image
    image

  6. 修改layout文件夹下的activity_main.xml,属性如下:
    image
    image

  7. 修改navigation文件夹下mobile_navigation.xml,属性如下:
    image
    image
    image

  8. 在drawable文件夹下新建一个red-circle.xml文件,具体属性如下:
    image

  9. 在layout文件夹下新建一个badge.xml文件,具体属性如下:
    image

  10. 在layout文件夹下新建fragment_video.xml与fragment_me.xml两个文件(内容相同),具体属性如下:
    image

  11. 在layout文件夹下新建一个item_video.xml文件,具体属性如下:
    image

  12. 在layout文件夹下新建一个item_me.xml文件,具体属性如下:
    image
    image

  13. 在ui包下新建子包video,在video包下新建VideoAdapter类,代码如下:
    image
    image

  14. 在video包下,新建VideoViewModel类,代码如下:
    image
    image

  15. 在video包下,新建VideoFragment类,代码如下:
    image
    image

  16. 在ui包下新建子包me,在me包下,新建MeAdapter类,代码如下:
    image
    image

  17. 在me包下,新建MeViewModel类,代码如下:
    image
    image
    image

  18. 在me包下,新建MeFragment类,代码如下:
    image
    image

  19. 修改MainActivity类,具体代码如下:
    image
    image

四、实验结果与数据处理
image

源码下载

https://wwet.lanzouw.com/b0492roda
密码:XMUT