摘要: 自从从事鸿蒙开发工作以来,幽蓝君一直在寻找一种优雅的弹窗方式,我不想要在每一个页面添加组件或者初始化,我只想要在我需要的时候,一句话就能弹出我需要的加载动画或者提示弹窗,简单粗暴又不失优雅。 今天我要正式的跟大家分享这个极其简单好用的工具,我给它取名yloadinghud,我现在迫不及待的想要展示一 阅读全文
posted @ 2025-06-30 15:22 幽蓝计划 阅读(307) 评论(0) 推荐(3)
摘要: 大家周末好,今天依然为大家分享之前使用ArkTS实现过的案例,一个电影App,今天使用仓颉的UI再次实现,看看仓颉和ArkTs有哪些相同和不同之处。 在开始写代码之前,我们依然先分析一下页面的结构,这个页面整体是一个上下滚动的列表,所以使用List容器实现。在List容器内部的元素可以分为三个部分, 阅读全文
posted @ 2025-06-30 08:59 幽蓝计划 阅读(89) 评论(0) 推荐(1)
摘要: 各位周末好,今天为大家来仓颉语言外卖App的实战分享。 我们可以先分析一下页面的布局结构,它是由导航栏和List容器组成的。幽蓝君目前依然没有找到仓颉语言导航栏的系统组件,还是要自定义,这个导航栏有三部分内容,可以使用两端对齐,要注意的是,如果需要中间部分在页面中间需要两端的内容宽度相同。导航栏和页 阅读全文
posted @ 2025-06-30 08:58 幽蓝计划 阅读(59) 评论(0) 推荐(1)
摘要: 大家周末好,本文分享一个小而美的旅行app首页,效果图如下: 在开始写代码之前,我们还是先理一下整个页面的结构,它整体是一个滚动的列表,所以要使用List组件。而且这个页面是没有导航栏的,但是为了更好的使用组件导航,我们还是要使用Navigation组件,并且隐藏头部内容,像这样: pathStac 阅读全文
posted @ 2025-06-29 11:45 幽蓝计划 阅读(91) 评论(0) 推荐(1)
摘要: 各位好,今日分享一个健身app的首页: 这个页面看起比之前的案例要稍微复杂一些,主要在于顶部部分,有重叠的背景,还有偏移的部分。重叠布局可以使用Stack容器实现,超出容器范围的偏移可以使用负数间距来实现,顶部部分的具体实现代码如下: Column{ Text('February') .fontCo 阅读全文
posted @ 2025-06-29 11:43 幽蓝计划 阅读(71) 评论(0) 推荐(1)
摘要: 上文分享了如何使用仓颉语言实现动态广场,动态广场中有很多图片,本文一下如何使用仓颉语言实现一个图片放大预览器: 看到这个效果,我首先想到的实现方案是弹窗,弹窗的弹出和消失效果为我们节省了很多工作,这里使用的是CustomDialogController。 我们首先实现弹窗内容组件,图片预览可能会有不 阅读全文
posted @ 2025-06-28 16:15 幽蓝计划 阅读(92) 评论(0) 推荐(1)
摘要: 大家好,今日要分享的是使用仓颉语言开发动态广场页面,也比较像朋友圈页面: 整个页面分为两部分,分别是导航栏和状态列表,导航栏比较简单,我们可以先写下导航栏的具体代码和页面的基本结构: Column{ Row(10){ Text('推荐') .fontColor(Color.BLACK) .fontS 阅读全文
posted @ 2025-06-28 16:14 幽蓝计划 阅读(199) 评论(0) 推荐(0)
摘要: 偶然间看到一个非常漂亮的音乐播放器设计图,忍不住想拿仓颉语言来练练手,当漂亮的设计图遇到优美的开发语言,简直是天作之合,先给大家欣赏一下美美的效果图: 按照惯例,在开始写代码之前,我们先对页面的整体结构做一下简单的分析,首先这个页面有导航栏,但是要注意导航栏的标题是在中间的,在系统的Navigati 阅读全文
posted @ 2025-06-27 10:19 幽蓝计划 阅读(92) 评论(0) 推荐(1)
摘要: 大家上午好,今天分享一下仓颉开发语言实现的画板案例。 最近总是有同学说我写ArkTS冒充仓颉,为了自证清白,截图给大家看一下,确实是仓颉文件: 仓颉提供了画布组件Canvas,我们所有的绘制工作都要在画布上进行,所以首先在页面添加一个足够大的画布组件: Canvas(this.context) .b 阅读全文
posted @ 2025-06-27 10:17 幽蓝计划 阅读(329) 评论(0) 推荐(1)
摘要: 仓颉语言的商城项目基本开发结束啦,今天跟大家分享新的项目,一个银行app,说是新项目但是大家可能会有些眼熟,在ArkTS的教程中就写过这个项目。今天我们仓颉语言再写一遍,看看和ArkTS有什么不同。 首先我们可以看到页面内容撑满了屏幕,所以需要设置沉浸模式,具体代码如下: windowStage.g 阅读全文
posted @ 2025-06-26 08:47 幽蓝计划 阅读(454) 评论(0) 推荐(2)