Row/Column 解决“沿一条轴排”,Stack 解决“覆盖叠放”,Flex 解决“放不下就换行”。但当你要把角标、播放按钮、标题、副标题、操作区同时放进同一张卡片时,真正的难点变成了:控件之间到底怎么互相对齐、互相约束?本文用一个封面卡片示例,对照 ArkUI RelativeContainer 与 Android ConstraintLayout(含 Compose 约束思路),把“约束关系”这件事从心智到写法一次讲清楚。
标签: UI
1 篇文章
标签
9-patch 1Activity 1AGP 0AI生成 7Android 19animation-list 1AnimationDrawable 1ArkTS 11ArkUI 17AttributeModifier 3backgroundImageResizable 1BFS 1borderImage 1Box 1BoxWithConstraints 1Button 1C++基础 4Canvas 1CodeHubble 7Column 1ConstraintLayout 1CustomLayoutAlgorithm 1Dark Mode 1DayNight 1DevEco Studio 0DFS 1dp 1Drawable 2DrawModifier 1DynamicLayout 1Effective C++改善程序与设计的55个具体做法 10Flex 1FlexboxLayout 1FlowRow 1fp 1FrameLayout 1Gradle 0GridCol 1GridRow 1HAR 1HarmonyOS 19hvigor 0Image 1ImageAnimator 1Intent 1intent-filter 1Jetpack Compose 10LayoutAlgorithm 1LazyVerticalGrid 1LinearLayout 1Mathematics for Machine Learning 1Modifier 1module.json5 1NavigationBar 1NinePatch 1ohpm 0OpenHarmony 6PNG 1px 1RelativeContainer 1RenderNode 1resources 1Row 1skills 1sp 1Stack 1Stage模型 1STL 8style 2TabRow 1Tabs 1Text 1theme 1Toggle 1UI 1UIAbility 1UI治理 1values-night 1ViewPager2 1vp 1Want 1WindowSizeClass 1XML 3人工智能 2人工智能实操 1依赖治理 0动态布局 1动效 1博客运营 1响应式 1基础属性 1基础控件 1多窗口 1多线程 1安全 1导航 1层叠布局 1工作站 8布局 6数学基础 1断点 1条件渲染 1构建 0栅格 1深色模式 1环境搭建 1生命周期 0移动开发 0约束 1线性布局 1组件库 3自动化 7自定义布局 1自定义控件 3自定义组件 1自适应 2自适应布局 1资源限定符 1路由 2迁移 4运行时 1页面结构 1