Android 知识JetpackPack 知识

JetPack Compose 实战 Jetchat(2)

2021-06-25  本文已影响0人  zcwfeng

继续看配置app/build.gradle

 buildFeatures {
        compose true
        viewBinding true

        // Disable unused AGP features
        buildConfig false
        aidl false
        renderScript false
        resValues false
        shaders false
    }

指的注意的是这里开启和关闭功能的做法

承接上篇
import com.example.compose.jetchat.buildsrc.Libs
和我们平时写的gradle差不多,只不过Libs脚本化了变量而已。
开始看代码
Jetchat 地址:

入口类NavActivity

    private val viewModel: MainViewModel by viewModels()

看代码就是打开关闭抽屉的动作

关闭装饰装修系统窗口,它允许我们处理插图

        WindowCompat.setDecorFitsSystemWindows(window, false)

setContent
设置主界面,布局,类似我们 setContentView

ProvideWindowInsets(consumeWindowInsets = false)
为我们的内容提供 WindowInsets。 我们不想消耗它们,所以它们一直向下传递视图层次结构(因为我们使用片段)。

Providers(LocalBackPressedDispatcher provides this.onBackPressedDispatcher)

提供者将值绑定到 ProvidableCompositionLocal 键。 使用 CompositionLocal.current 读取 CompositionLocal 将返回 Providers 的 values 参数中为内容 lambda 中直接或间接调用的所有可组合函数提供的值。

主界面使用了Navigation,做导航用。

用ViewBinding做了视图的绑定


@Composable
fun JetchatScaffold(
    scaffoldState: ScaffoldState = rememberScaffoldState(),
    onProfileClicked: (String) -> Unit,
    onChatClicked: (String) -> Unit,
    content: @Composable (PaddingValues) -> Unit
) {
    JetchatTheme {
        Scaffold(
            scaffoldState = scaffoldState,
            drawerContent = {
                JetchatDrawer(
                    onProfileClicked = onProfileClicked,
                    onChatClicked = onChatClicked
                )
            },
            bodyContent = content
        )
    }
}

自定义了组件JetchatDrawer,组合使用,并定义了主题JetchatTheme

val myColors = colors ?: if (isDarkTheme) JetchatDarkPalette else JetchatLightPalette

定义了两套主题色

JetchatDrawer
定义了抽屉内容和点击事件

上一篇下一篇

猜你喜欢

热点阅读