- 博客(6)
- 收藏
- 关注
RSS订阅原创 鸿蒙开发案例：健康App（6）饮食记录-记录列表
案例来源于黑马程序员的课程饮食记录-记录列表一、整体思路一个卡片，内部是一个List布局，从上到下一行一行的，使用Column容器@Componentbuild() {// 1.分组的标题Text('早餐').fontSize(18).fontWeight(CommonConstants.FONT_WEIGHT_700)Text('建议423-592千卡').grayText()Blank()Text('千卡').grayText().width(20)// 2.组内记录列表。
2024-06-19 00:45:27
804
原创 鸿蒙开发案例：健康App（5）饮食记录-统计卡片
饮食记录-统计卡片一、整体思路@Component// 把selectedDate从AppStorage里出去来，这里需要用到 @StorageProp这个注解，同时我们要对取出来的日期处理，因为我们存的是日期毫秒数,这里自己写了个工具类// 使用自定义弹窗})build(){Column(){// 1.日期信息Row(){.width(20).onClick(() => this.controller.open()) // 打开弹窗// 2.统计信息Swiper(){
2024-06-18 22:50:23
425
1
原创 鸿蒙开发案例：健康App（4）饮食记录-顶部搜索栏
饮食记录-顶部搜索栏一、整体思路@Entry@Component// 定义一个构建函数，自定义tabar.width(22)// 选中颜色，根据来显示颜色，选中绿色，未选中灰色build() {Text('发现页面')Text('我的主页')@Componentbuild() {Column(){// 1.头部搜索栏// 2.统计卡片Text('统计卡片')// 3.记录列表Text('记录列表')@Componentbuild() {
2024-06-17 19:10:50
369
原创 鸿蒙开发案例：健康App（3）首页Tabs
案例来源于黑马程序员的课程首页Tabs一、整体思路使用tabs组件可以实现页面内视图内容快速切换，包含TabBar和Tabcontent两个部分，此次页面包含三个视图。vertical(false)横向布局 BarPosition.End 表示下面vertical(true)纵向布局 BarPosition.End 就表示右@Entry@Component// 定义一个构建函数，自定义tabar.width(22)// 选中颜色，根据显示颜色，选中绿色，未选中灰色build() {
2024-06-14 11:06:24
106
原创 鸿蒙开发案例：健康App（2）欢迎页面业务
实现弹窗的处理一、整体思路页面在用户首次打开应用时显示，用于询问用户是否同意隐私政策，并据此执行相应的操作。点击按钮时，触发点击事件，定义两个函数回调函数类型，分别用于处理用户点击同意和拒绝按钮时的逻辑。controller是对话框的控制器，用于控制对话框的显示和关闭。build 方法：定义了弹窗的布局。使用了Column布局容器来垂直排列标题、内容和按钮。使用了Text组件来显示标题和内容。使用了Button组件来创建两个按钮，并分别绑定了点击事件处理函数。// 自定义弹窗。
2024-06-13 16:31:45
1342
原创 鸿蒙开发案例：健康App（1）欢迎页面Ul实现
案例来源于黑马程序员的课程一、准备图片素材以上就是今天的内容，本文仅仅简单介绍了欢迎页面Ul实现，主要涉及线性布局（Row/Column）：Column容器内子元素按照垂直方向排列；Row容器内子元素按照水平方向排列。文本显示（Text/Span）：Text控件可以用来显示文本内容。
2024-06-13 14:47:08
734
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人