Android开发之Compose基础学习-state状态用法

最新推荐文章于 2024-05-04 12:53:21 发布

xiayiye5

最新推荐文章于 2024-05-04 12:53:21 发布

阅读量484

点赞数

分类专栏： Compose学习文章标签： Compose State用法 Compose状态用法 state基本用法

本文链接：https://blog.csdn.net/xiayiye5/article/details/125128982

版权

Compose学习专栏收录该内容

41 篇文章 6 订阅

订阅专栏

先上图

再看代码

package com.xiayiye5.composefirst.components

import androidx.compose.foundation.border
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.xiayiye5.composefirst.ui.theme.Shapes

/*
 * Copyright (c) 2022, smuyyh@gmail.com All Rights Reserved.
 * #                                                   #
 * #                       _oo0oo_                     #
 * #                      o8888888o                    #
 * #                      88" . "88                    #
 * #                      (| -_- |)                    #
 * #                      0\  =  /0                    #
 * #                    ___/`---'\___                  #
 * #                  .' \\|     |# '.                 #
 * #                 / \\|||  :  |||# \                #
 * #                / _||||| -:- |||||- \              #
 * #               |   | \\\  -  #/ |   |              #
 * #               | \_|  ''\---/''  |_/ |             #
 * #               \  .-\__  '-'  ___/-. /             #
 * #             ___'. .'  /--.--\  `. .'___           #
 * #          ."" '<  `.___\_<|>_/___.' >' "".         #
 * #         | | :  `- \`.;`\ _ /`;.`/ - ` : | |       #
 * #         \  \ `_.   \_ __\ /__ _/   .-` /  /       #
 * #     =====`-.____`.___ \_____/___.-`___.-'=====    #
 * #                       `=---='                     #
 * #     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~   #
 * #                                                   #
 * #               佛祖保佑         永无BUG            #
 * #                                                   #
 */

/**
 * @author 下一页5（轻飞扬）
 * 创建时间：2022/5/1 20:06
 * 个人小站：http://yhsh.wap.ai(已挂)
 * 最新小站：http://www.iyhsh.icoc.in
 * 联系作者：企鹅 13343401268
 * 博客地址：http://blog.csdn.net/xiayiye5
 * 项目名称：ComposeFirst
 * 文件包名：com.xiayiye5.composefirst.components
 * 文件说明：state状态用法
 */


@Composable
fun StateSamples() {
    //方法一 下面使用remember记录当前的count值
    val count = remember {
        mutableStateOf(1)
    }
    //方法二
    var number by remember {
        mutableStateOf(1)
    }
    Row(
        Modifier
            .fillMaxWidth()
            //设置边框方法一
            .border(1.dp, color = Color.Red, shape = RoundedCornerShape(15.dp)),
        //设置边框方法二
//            .border(1.dp, color = Color.Red, shape = Shapes.medium),
        horizontalArrangement = Arrangement.Center,
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(
            text = "当前的值为：${count.value}",
//            text = "当前的值为：${number}",
            modifier = Modifier.padding(10.dp, 0.dp)
        )
        Button(
            onClick = {
                count.value++
                number++
            },
            modifier = Modifier.padding(10.dp, 0.dp)
        ) {
            Text(text = "点我+1")
        }
    }
}

@Preview
@Composable
fun StateSamplesPreview() {
    StateSamples()
}