android compose利用pager写一个引导页

最新推荐文章于 2024-02-19 15:53:20 发布

VIP文章嘚瑟如我

最新推荐文章于 2024-02-19 15:53:20 发布

阅读量880

点赞数

分类专栏：笔记文章标签： android ui

本文链接：https://blog.csdn.net/qq_28673213/article/details/125469322

版权

本文来自bitCoder的视频翻译，原视频请观看哔哩哔哩上博主BitCoder的Jectpack Compose 引导页案例一
效果图：
在这里插入图片描述

gradle配置：


//pager库
    implementation("com.google.accompanist:accompanist-pager:0.24.12-rc")

实现代码

package com.example.androidcomposetest.pages

import androidx.compose.animation.core.Spring
import androidx.compose.animation.core.animateDpAsState
import androidx.compose.animation.core.spring
import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowForward
import androidx.compose.material.icons.filled.Favorite
import androidx.compose.material3.FloatingActionButton
import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview