<Day29>动手做 Demo App（上）

依据前面几篇所学的，实作一个简单的新增联络人名字Demo App

点击新增按钮跳出输入框

点击新增完成後会回到上一页，显示刚刚输入的Peter

再次新增联络人Ann

排序为新的资料由上而下排序

本篇会以layout与navigation 为主，下一篇为将资料存在app sql DB。

使用 constraintlayout与recyclerview，需import 在bulid.gradle
apply plugin: "androidx.navigation.safeargs.kotlin"

   dependencies { 
    
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation "androidx.recyclerview:recyclerview:1.1.0"
    // navigation component
    implementation "androidx.navigation:navigation-fragment-ktx:2.3.0"
    implementation "androidx.navigation:navigation-ui-ktx:2.3.0"
  }

首先在主页 MainActivity 的layout 上使用navigation ，为之後页面跳转准备

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" >

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/navHostFragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_graph" />
</androidx.constraintlayout.widget.ConstraintLayout>

建立新增联络人与显示联络人清单Fragment

<navigation 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:id="@+id/nav_graph.xml"
    app:startDestination="@id/mainFragment">

    <fragment
        android:id="@+id/mainFragment"
        ...............>
         ...............
    </fragment>

    <fragment
        android:id="@+id/addTodoFragment"
        .................>
     ...............
    </fragment>

</navigation>

这样就可以新增联络人点选新增後