自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 黑马健康应用开发(五)

在 TabContentBuilder 方法中,使用 List 组件创建一个列表,并通过 ForEach 循环遍历一个数组,为每个数组元素创建一个 ListItem。显示一个早餐图片、早餐名称(加粗显示)、建议的热量范围(使用 grayText 函数设置灰色样式)、一个数字(可能是已摄入的热量)和单位(同样使用 grayText 函数设置灰色样式)。由头部导航和列表组成,将头部导航封装在builder,设置图片,调整好宽度和间隔,并设置点击信息,设置文字早餐,设置字体和间隔和宽度。

2024-06-28 21:25:58 508

原创 黑马健康应用开发(四)

为Column设置边距为12,设置按钮单击事件,保存日期到全局保存,在Appstorage.setorcreat中保存日期,设置关闭点击事件,在StatsCard.ets中做初始化并且导包,为DataPickDialog初始化,并传入日期date,通过@StrarageProp做单向传输做初始化,即为当前日期,DateUtill传入。进度条的宽度、环的粗细和颜色都是可配置的。加上进度条,使用Stack()占用器设置Progress进度条,设置进度条的参数,如环的粗细,线的类型,颜色。

2024-06-28 21:25:49 561

原创 黑马健康应用开发(三)

利用row()进行横向布局,搜索栏用Search()给定显示默认值为搜索饮食或运动信息,并对文字字体进行修改,添加站内信息图片,进行布局,设置好宽高比例占屏幕的94%。使用Tabs组件来创建选项卡界面,并设置barPosition为BarPosition.End,使底部导航栏显示在界面底部。在Tabs组件内部,定义了三个TabContent组件,每个TabContent代表一个选项卡的内容。每个TabContent都调用方法来构建对应的标签栏按钮,并设置相应的文本、图标和索引。

2024-06-28 21:25:38 348

原创 黑马健康应用开发(二)

使用Column构建,第一行标题使用引用准备好的字符串,加粗加黑,第二行内容使用引用准备好的字符串,第三行使用两个按钮,使用准备好的按钮,调整宽度和背景,同意需要高亮。在欢迎页面声明conntroller,builer导包使用组件,在使用中传参,定义两个专门处理的函数。设置加载首选项,判断是否同意,通过提供的工具类,不需要单独设置首选项,调用函数加载首选项。设置按钮点击后的处理逻辑 ,在对话框中声明两个对话框的变量,再点击事件中实现处理逻辑。使用准备好的图片slogan,设置好宽度,布局权重为1.

2024-06-28 15:47:36 416

原创 黑马健康应用开发(一)

最往下即为统计卡片,是一个可滑动式的,第一个卡片为热量统计卡片,可通过添加食物和添加运动进行函数计算出今天还可以摄入多少热量,向左滑动进入营养素统计卡片,可通过添加的食物,从而通过每个食物的营养素进行计算统计,显示在卡片上。设计了一个名为黑马健康的应用,用到了用户首选项和各种ui组件构建,该应用拥有多种功能,如饮食健康记录功能,食物的添加及其食物的营养信息,下面是食物列表,显示有建议摄入值,可以通过食物列表来查看已经添加的食物,点击加号即可进入食物列表页面,在下方可选择到其他页面。

2024-06-28 15:31:20 362

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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