JetPack Compose UI 简单介绍

本文介绍 Jetpack Compose 的基本概念与使用方法,通过一个简单的实例展示如何构建声明式 UI,并提供环境配置指导。

一、简单介绍:
Compose UI 解释为声明式UI、目的就是要取代xml、解放双手。  
 
官方介绍https://developer.android.com/jetpack/compose
如果不理解声明式UI建议花五分钟视频了解下:
https://www.bilibili.com/video/BV1c5411K75r
相信对你会很有帮助


前言:能被jetpack放到一个单独的lable里、可见Google对它的重视、它不在是某个单独的库、而是一套框架、或许未来将会终结xml的时代!

二、代码及预览
编译器预览图:

看着像flutter? 是的很像、但是写法要比flutter更友好、得益于KT的加持,有些童鞋会问 这不就是new一个对象吗? 答案是否定的、他是个函数(Image、Text、Column)、至于底层用的什么就再讨论了、但是可以肯定的告诉你、底层不是New ImageView()或Text().....来做的。日后再研究吧!

相关代码:

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            NewsStore()
        }
    }

    @Composable
    fun NewsStore() {
        //MaterialTheme 可由可无、对布局基本没影响
        MaterialTheme {
            /**
             * Column 默认垂直排列
             * horizontalAlignmen
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值