Jetpack Compose-1

179 阅读1分钟

Compose

今日主要也就是试试水,明天稍微学点。

Hello World怎么写

你没看错,Hello World

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ComposeTheme {
                // A surface container using the 'background' color from the theme
                Surface(color = MaterialTheme.colors.background) {
                    Greeting("Android")
                }
            }
        }
    }
}
​
@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}
​
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    ComposeTheme {
        Greeting("Android")
    }
}

可以发现xml没有了

剩下就几个 @Composable标注的顶层函数

Composi

@Preview

由于Compose现在的UI还只处于一个阶段暂时不能自动显示界面。

如果我们需要预览某一个界面那我们就得使用@Preview注解,只能是@Composable的函数哦

Text()

Text可以展示一段字符串,和TextView类似但是不是,hh

Text(text = "Hello $name!")

Image()

Imgae可以展示一个drawable资源

val resource = painterResource(id = R.drawable.abc_vector_test)
Image(painter = resource, contentDescription = "Test Logo")

painter为资源,contentDescription就不说了hh

Animation

END

主要学习内容为

  • Preview注解的使用
  • Text组件
  • Image组件