自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除