jetpack compose 圆角实现 padding

zhouchenjia

已于 2024-08-17 17:04:10 修改

阅读量149

点赞数 2

文章标签： android android jetpack

于 2024-08-17 16:51:15 首次发布

本文链接：https://blog.csdn.net/zhouchenjia/article/details/141283152

版权

.clip(RoundedCornerShape(topStart = 10.dp,
topEnd = 10.dp,
bottomEnd = 10.dp,
bottomStart = 10.dp)
.background(bgcolor)

先clip再设置background，圆角才会生效

modifier 中Padding在最前面时是组件外部的Padding，在设置frame之后设置Padding则是组件内部的Padding

Column需要显式设置height的值才能滚动

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhouchenjia

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Jetpack Compose布局控件Column、Row、Box 详解

金戈鐡馬

04-12

3803

本篇文章介绍 Compose 的布局控件 Column、Row、Box，在 Android XML 模式开发中，常用的布局控件有 LinearLayout、RelativeLayout、FrameLayout 以及 ConstraintLayout, Compose 没有延用之前的布局设计，而是提供了全新的布局控件，不仅实现了 XML 模式的相关功能并且更加灵活好用。Compose 开发中，设计者将 View 的通用属性设置封装成接口类 Modifier 给开发者统一调用

Jetpack compose笔记（1）-- 实现圆形背景

u012452490的博客

01-13

4105

Jetpack compose 圆形背景的学习。

参与评论您还未登录，请先登录后发表或查看评论

android compose设置圆角不起作用

LlanyW的专栏

08-05

444

把圆角放在背景色之前。.clip放在.background前。

jetpack compose——圆角、渐变

wy313622821的博客

12-01

1454

【代码】jetpack compose——圆角、渐变。

原创|Android Jetpack Compose 最全上手指南

音视频开发进阶

11-19

6051

在今年的Google/IO大会上，亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样，Jetpack Compose是一个声明式的UI框架，随着了今年安卓和苹果两大移动平台相继推出自己的UI开发框架Jetpack Compose 和SwiftIUI，标志着移动操作系统正式全面拥抱声明式 UI 开发模式。一、声明式 UI 的前世今生...

Jetpack Compose 初体验（上）

m0_70082867的博客

04-29

352

Image 的其中一个构造函数支持以下参数，其中 painter 参数和 contentDescription 参数没有默认值，为必传参数。这样，图片就被构造出来啦，看一下效果：那怎么该对图片进行一些约束呢？作为一个头图，我不希望它这么哗众取宠，做图片要低调一点。在上面，我们认识了 Modifier，那就寻求它的帮助，让我们的图片小一些吧。 Image( painter = painterResource(id = R.drawable.hello_world_new_black), conten

Jetpack Compose中的Canvas

川峰的博客

01-13

1874

Jetpack Compose中直接提供了一个叫 Canvas 的 Composable 组件，可以在任何 Composable 组件中直接使用，在 Canvas 的DrawScope作用域中就可以使用其提供的各种绘制Api进行绘制了。这比传统View要方便的多，传统View中，你只能继承一个View控件，才有机会覆写其onDraw()方法。Canvas Api使用相比比传统View中的要简单一些，不需要画笔Paint和画布分开来，大多数直接就是一个函数搞定，当然也有一些限制。

Jetpack Compose——Button(按钮)的使用

lplj717的博客

12-10

4203

Button这个组件,官方已经实现了Material Design的效果,一般来说我们直接使用这个即可，另外官方也是给我们封装了不同类型的Button,分别为IconButton、TextButton、OutlinedButton、IconToggleButton 先来看一下简单的使用效果： Button(onClick = { println("点击了按钮") }) { Icon(Icons.Default.Search, contentDescription

Jetpack-Compose

Stay hungry, stay foolish!!

03-08

2183

一、什么都不如官网来的直接 Jetpack Compose去年写了一些列表布局就丢下了,以前一个小兄弟说“什么都不如官网来的直接”这是他的博客打算用Compose写玩安卓大家可以去好好学习一波,接下来我们跟着官网走,原理案例基于官网,写的效果高于官网。Flutter,SwiftUI对比这些众说风云,人云亦云,我不多说,XML相对于当前流行的前段或者移动端布局组建框架都不在是优势,既然Google推出的那我们就学。二、环境 1.AndroidSdio Beta 4.2版本或者Canary版本版本提.

Compose Column控件讲解并且实现一个淘宝商品item的效果

ymeddmn的博客

06-26

1456

前情提要本篇文章主要对 Compose 中的 Column 进行使用解析，文章结束会使用 Column 和 Row 配合实现一个淘宝商品 Item 的效果，最终效果预览：如果您对 Column 的用法比较娴熟，可以直接看最后一节的内容 Column 简单说明 Column 对应于我们开发中的 LinearLayout.vertical，可以垂直的摆放内部控件因为 Row 和 Column 是想通的，只不过 Column 是垂直方向布局的，而 Row 是水平方向布局。所以讲完了 Column 你只需

Jetpack Compose布局之Row

chxip的博客

12-02

7313

基本使用 Row纵向线性布局，类似于LinearLayout设置为android:orientation="horizontal"时的效果： Row() { Text(text = "千里之行,") Text(text = "始于足下") } 上方两个Text将按照垂直排列布局，Row默认大小为内部子控件的大小，类似于wrap_content 大小调整可以使用modifier来设置Row的大小： Row(modifier = Modifier .height(200.dp) .

Android全新UI编程 - Jetpack Compose 超详细教程

Android23333的博客

05-26

5185

1. 简介 Jetpack Compose是在2019Google i/O大会上发布的新的库。Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码，更强大的功能，能提高开发速度（这一段是谷歌自己说的）。说实话，View/Layout的模式对安卓工程师来说太过于熟悉，对于学习曲线陡峭的Jetpack Compose能不能很好的普及还是有所担心。因为Jetpack Compose的内容比较多，我会分成多个文章来进行介绍。内容包括常用UI组件的使用，Flow和Compose的结合.

JetPack Compose 手写一个 Row 布局 | 自定义布局

knight康康的博客

05-19

1914

介绍 Jetpack compose 如何自定义布局，通过学习自定义布局实现自己的Row的布局

Jetpack Compose：自定义阴影绘制，支持阴影颜色、圆角、偏移量

家驹六月天的博客

11-23

6305

Compose没有可支持的阴影控件，也不支持设置阴影颜色封装了一个Compose可用的阴影控件，可自由Copy import androidx.compose.foundation.layout.padding import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.material.Card import androidx.compose.runtime.Composable impo

Jetpack Compose布局之Column

chxip的博客

12-01

5958

基本使用 Column纵向线性布局，类似于LinearLayout设置为android:orientation="vertical"时的效果： Column() { Text(text = "千里之行") Text(text = "始于足下") } 上方两个Text将按照垂直排列布局，Column默认大小为内部子控件的大小，类似于wrap_content 大小调整可以使用modifier来设置Column的大小： Column(modifier = Modifier .hei.

Android CoordinatorLayout：打造高效交互界面的利器

帅次的博客

11-11

1800

本文深入介绍了Android开发中的CoordinatorLayout，强调了其在处理复杂用户界面、子视图交互、滚动联动和MaterialDesign支持等方面的作用与特点。同时，还详细讲解了如何创建和使用自定义Behavior来定制交互效果，以满足特定的布局需求。CoordinatorLayout作为打造高效交互界面的利器，值得Android开发者深入学习和掌握。

android10 Wifi扫描源码解析