- 博客(6)
- 收藏
- 关注
原创 鸿蒙开发案例:健康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 813
原创 鸿蒙开发案例:健康App(5)饮食记录-统计卡片
饮食记录-统计卡片一、整体思路@Component// 把selectedDate从AppStorage里出去来,这里需要用到 @StorageProp这个注解,同时我们要对取出来的日期处理,因为我们存的是日期毫秒数,这里自己写了个工具类// 使用自定义弹窗})build(){Column(){// 1.日期信息Row(){.width(20).onClick(() => this.controller.open()) // 打开弹窗// 2.统计信息Swiper(){
2024-06-18 22:50:23 437 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 379
原创 鸿蒙开发案例:健康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 107
原创 鸿蒙开发案例:健康App(2)欢迎页面业务
实现弹窗的处理一、整体思路页面在用户首次打开应用时显示,用于询问用户是否同意隐私政策,并据此执行相应的操作。点击按钮时,触发点击事件,定义两个函数回调函数类型,分别用于处理用户点击同意和拒绝按钮时的逻辑。controller是对话框的控制器,用于控制对话框的显示和关闭。build 方法:定义了弹窗的布局。使用了Column布局容器来垂直排列标题、内容和按钮。使用了Text组件来显示标题和内容。使用了Button组件来创建两个按钮,并分别绑定了点击事件处理函数。// 自定义弹窗。
2024-06-13 16:31:45 1355
原创 鸿蒙开发案例:健康App(1)欢迎页面Ul实现
案例来源于黑马程序员的课程一、准备图片素材以上就是今天的内容,本文仅仅简单介绍了欢迎页面Ul实现,主要涉及线性布局(Row/Column):Column容器内子元素按照垂直方向排列;Row容器内子元素按照水平方向排列。文本显示(Text/Span):Text控件可以用来显示文本内容。
2024-06-13 14:47:08 738
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人