【Android,Jetpack】简单接入Navigation导航

叁歲伎倆 2022-09-12 14:44 130阅读 0赞

### Navigation导航 ###

> 效果

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAbW96aGltZW4_size_17_color_FFFFFF_t_70_g_se_x_16]

> 配置

`依赖`

implementation 'androidx.navigation:navigation-fragment-ktx:2.3.5'
    implementation 'androidx.navigation:navigation-ui-ktx:2.3.5'

> Crazy Coding

*  navigation

`navigation.xml`

<?xml version="1.0" encoding="utf-8"?>
    <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/navigation"
        app:startDestination="@id/nav_login">
    
        <fragment
            android:id="@+id/nav_login"
            android:name="com.xx.xxx.ui.fragment.LoginFragment"
            tools:layout="@layout/fragment_login"
            android:label="登录界面">
            <action
                android:id="@+id/action_nav_login_to_nav_select"
                app:destination="@id/nav_select"
                app:enterAnim="@anim/slide_in_right"
                app:exitAnim="@anim/slide_out_left"
                app:popEnterAnim="@android:anim/slide_in_left"
                app:popExitAnim="@android:anim/slide_out_right"/>
        </fragment>
    
        <fragment
            android:id="@+id/nav_select"
            android:name="com.xx.xxx.ui.fragment.SelectFragment"
            tools:layout="@layout/fragment_select"
            android:label="选择界面">
            <action
                android:id="@+id/action_nav_select_to_nav_login"
                app:destination="@id/nav_login"
                app:enterAnim="@android:anim/slide_in_left"
                app:exitAnim="@android:anim/slide_out_right"
                app:popEnterAnim="@anim/slide_in_right"
                app:popExitAnim="@anim/slide_out_left" />
        </fragment>
    </navigation>

*  anim

`slide_in_right.xml`

`slide_out_left.xml`

*  layout

`activity_main.xml`

> How To Use

findNavController().navigate(R.id.action_nav_login_to_nav_select)

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAbW96aGltZW4_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/9db7b66078ad45db9de8740a04b5bc8f.png