caimouse
在IT行业有20多年的经验。拥有20多年的C和C++开发经验,5年以上Python开发经验,资深数据库开发、上百G数据库优化经验。曾经任职嵌入式工程师、P2P开发工程师、银行信用卡交易系统工程师、全自动化电池测试部门经理。
展开
-
鸿蒙应用开发之Web组件6
前面学习怎么样设置Web界面显示不同的颜色配置,这种适合不同时间来设置,比如白天要亮一些,晚上要暗一些。现在来学习使用Web组件选择文件文件列表的功能。由于这个方法在模拟器里运行不成功,需要使用真实手机来测试,所以需要连接手机。第三步返回设置页面,搜索“开发人员选项”,然后打开“开发人员选项”。后面就可以根据自己的需要来设置开发人员选项了。这样就可以使用真机来调试APP了。第四步把开发选项打开。原创 2024-04-23 11:56:31 · 32 阅读 · 0 评论 -
鸿蒙应用开发之Web组件5
通过darkMode()接口可以配置不同的深色模式,WebDarkMode.Off模式表示关闭深色模式。WebDarkMode.On表示开启深色模式,并且深色模式跟随前端页面。WebDarkMode.Auto表示开启深色模式,并且深色模式跟随系统。前面学习了Web加载程序内置的HTML数据来显示,这样可以加速界面的显示,接着下来学习怎么样设置Web组件显示界面的背景配色。有了这个接口,就可以设置Web为不同的颜色。可以看到上面界面全部变成黑色背景了。一般情况下,Web组件是采用默认跟随系统设置的背景颜色。原创 2024-04-22 18:18:15 · 31 阅读 · 0 评论 -
鸿蒙应用开发之Web组件4
前面学习了Web组件加载本地的文件数据,这样很方便不需要网络的界面显示,或者提示类的界面,比如软件使用说明书,又比如软件使用协议,又或者固定显示的长文本数据。如果有多个文件,也可以通过按钮来切换不同的文件显示。如果文本比较短小的HTML数据,放到文件里,再通过文件显示,就会多了一个访问文件的过程,这样导致显示数据有点慢,面对这样的需求又有什么样的解决方案呢?这样就可以快速地实现程序内嵌数据的快速显示。下面就来通过例子来演示这个接口的使用。有了这个接口,就轻而易举了。原创 2024-04-22 10:36:02 · 163 阅读 · 0 评论 -
鸿蒙应用开发之Web组件3
比如很多显示的内容,可以制作网页的文件格式,然后直接使用它来显示,就可以减少界面的制作。另外,当手机没有网络的时候,如果想从网络上获取内容就会失败,这时候可以使用本地的网页内容来代替。说明: 在引用资源类型时,注意其数据类型要与属性方法本身的类型一致,例如某个属性方法支持设置string | Resource,那么在使用Resource引用类型时,其数据类型也应当为string。由于显示本地的网页,不需要网络的权限,这时候APP可以不用设置网络的权限。在这里就采取最后的方式来加载本地的HTML文件。原创 2024-04-20 11:15:06 · 41 阅读 · 0 评论 -
鸿蒙应用开发之Web组件2
可见,通过上述的函数,就可以切换不同的网页内容显示了。这种方式在很多APP里非常有用的,因为可以把网页上内容放到自己服务器上,可以每天做不同的修改,特别广告显示,或者不断更新用户查看的内容,提醒等等。前面学习了加载Web组件,在使用这个组件之前需要设置网络加载的权限,否则是不能使用Web组件,所以大家在使用这个组件时,需要仔细检查是否有设置这个权限。如果Web组件只是默认加载一次连接,就可以使用构造时传入的参数来决定,如果想不断地变换不同的网络地址,就需要使用这个函数loadUrl()来解决了。原创 2024-04-18 18:31:40 · 59 阅读 · 0 评论 -
鸿蒙应用开发之Web组件1
我们知道目前已经进入网络3.0时代,之前经历了1.0的文本时代,2.0的多媒体时代,现在进入全面交互时代。前面学习向导组件,现在来学习Web组件,这个组件也是一个比较复杂的组件,也是一个功能很强的组件,毕竟它是一个浏览器功能相当的组件,可以显示网页内容。总共有两个参数,第一个参数src是打开网页的地址,或以是网上的地址,也可以本地的地址;如果比较熟悉的人员,也可以直接编辑json文件,但是要小心输入的字符串资源,有可能编译不通过。点击第一步的按钮,就可以可视化,这样找到请求的权限,再进行添加。原创 2024-04-18 10:10:54 · 448 阅读 · 0 评论 -
鸿蒙应用开发之向导组件
向导组件也是一个常用的组件,因为很多工作流程都需程序化,引导用户一步一步地进行,这样才能让用户明白地填写相应参数,选择合适的内容。这时候就会切换到第二页显示,这时下面有可以向前一页导航的按钮,也有向后一页导航的按钮。在这里发现每一项都需要重复设置一些相同的类型属性,那么能不能把这些设置提出来?还可以修改每一页的显示状态,因为根据用户的选择,有可能跳过一些页面的设置。在后面添加一个复合语句来定义所有页面的内容,这样使用起来非常方便。如果发现填写出错,就可以点击返回按钮,再次进行修改。在这里演法了扩展装饰器。原创 2024-04-17 10:13:39 · 30 阅读 · 0 评论 -
鸿蒙应用开发之滑动选择组件
可以用手滑动上面的滑块,就可以调节对应的数字。滑动的时候可以设备滑动的步长,默认的步长是1,意思就是说最小调整的单位为1。前面学习了下拉选择菜单组件,现在来学习滑动选择组件,它是提供快速调节设置值,如音量调节、亮度调节等应用场景。也就是说,这个组件可以通过滑动条来设置对应的数值,而不需要用户手动输入数字。从API version 9开始,该接口支持在ArkTS卡片中使用。从API version 9开始,该接口支持在ArkTS卡片中使用。从API version 9开始,该接口支持在ArkTS卡片中使用。原创 2024-04-16 18:23:13 · 209 阅读 · 0 评论 -
鸿蒙应用开发之下拉菜单选择组件
Select([{ value: '菜单1', icon: $r('app.media.demo3') },由于它是下拉式的菜单,所以候选的内容建议不要太多,否则会滚动比较麻烦。{ value: '菜单4', icon: $r('app.media.demo3') }]){ value: '菜单2', icon: $r('app.media.demo3') },{ value: '菜单3', icon: $r('app.media.demo3') },设置下拉菜单初始选项的索引,第一项的索引为0。原创 2024-04-16 11:44:57 · 117 阅读 · 0 评论 -
鸿蒙应用开发之搜索框组件
基上提供了输入内容变化时立即获取的事件函数onChange,当输入完成之后用户点击搜索时事件函数onSubmit。这个搜索框组件,其实比较像探索网站的输入,可以输入内容,并且带有一个搜索的按钮。不过,这个组件还是缺少了一个搜索输入历史提示,或者说是输入内容动态提示的功能,这个还需要开发人员自己来完善这个功能。它还提供了一个控制器可以控制输入光标的位置,比如你输入了一串文本,突然想修改中间某一段,那么就需要移动到这个字符位置,然后再执行删除和修改的工作。有了这些内容,就可以自由地创建搜索框组件了。原创 2024-04-15 18:02:48 · 76 阅读 · 0 评论 -
鸿蒙应用开发之ScrollBar组件
由于手机的屏幕过小,那么显示的内容总会显示不下来,这时候肯定就会想到怎么样滚动显示了。从上图看到右边有一条滚动条显示,不过这个滚动条只是用来显示当前位置和全局内容多少,并不能执行滚动的操作,不像PC上的滚动条上点击之后会移动到相就的位置。滚动条的布局,有两个方向一个是纵向,一个横向。这里传入了控制器,并且定义为纵向布局。原创 2024-04-15 10:58:24 · 154 阅读 · 0 评论 -
鸿蒙应用开发之富文本(RichText)组件
这是一个段落。'这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字';这是一个在div元素中的标题。">h1下划线' +">h1斜体' +这个一个段落这是一个段落原创 2024-04-12 19:22:35 · 83 阅读 · 0 评论 -
鸿蒙应用 开发之 评分组件
现在的用户喜欢互动的APP,因为现在是商品过剩的时代,大家都没有办法去研究每一个商品的细节,每一个商品的好与差。那么就会有一个评价系统,这样大家通过投票来决定那一个商品的好与差,这样大家就会有一个快速选择的方法,这样就会方便大家,节省大家的选择成本。既然大家都需要进行评分,那么就要实现一个评分组件的功能,让大家方便选择评分,并且查看评分。参数indicator是用来是否可以更改评分,如果设置true时,不能更改分值,只作为显示作用。可以看到评分,一般显示为5个星星,当用户点击那个星星,就会评分在那里。原创 2024-04-12 10:39:50 · 39 阅读 · 0 评论 -
鸿蒙应用开发之显示二维码组件
在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图象输入设备或光电扫描设备自动识读以实现信息自动处理:它具有条码技术的一些共性:每种码制有其特定的字符集;这样对于用户来说,是一种糟糕体验,因为要记得太多,输入太多。又比如当别人向你分享一个网站时,只需要显示一个二维码即可,这样由手机扫码解决,又方便又不用记,准确性又好。二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一种编码方式。原创 2024-04-11 10:14:30 · 284 阅读 · 0 评论 -
鸿蒙应用开发之图案密码锁组件
前面学习了导航组件,现在来学习另一个密码设置和验证组件,这种组件比较常用。早前的密码都是输入数字,没有滑动输入九宫格的密码。采用这种密码,一般情况下是不用记住数字,只要记住图案就行了。使用这个数组一般有两种状态,一种是设置密码的时候,一种是验证密码的时候。最后就是作为密码组件一定是获取用户输入的密码,这个功能又是从哪里得到呢?在这个事件回调函数里,我们就可以得到用户输入的密码,其实就是一串数字。当触发上面代码运行,就会把密码重置,需要重新设置一个新的图案密码。有了上面的理解,就可以进行代码编写了。原创 2024-04-10 18:49:46 · 202 阅读 · 0 评论 -
鸿蒙应用开发之导航组件NavRouter和NavDestination
组件Navigation是父组件,接着就是包含子组件NavRouter,而这个子组件又包含着子组件NavDestination。相当于点击组件NavRouter时,就会自动触发显示组件NavDestination的内容。整个例子代码比较简单,就是布局整个界面,所有的事件响应函数都不用写,就实现了对应的界面显示和切换。采用导航组件时,需注意必须包含两个NavRouter组件或两个以上,才能正确执行。前面学习了导航总组件,但还是有两个子导航组件,这样更加方便开发导航类型的界面。这点要特别注意的,否则会出错。原创 2024-04-09 10:54:27 · 63 阅读 · 0 评论 -
鸿蒙应用开发之导航组件
前面学习了走马灯组件,对于太长的文本进行滚动显示,现在来学习导航组件,它其实也是把不能同一屏显示的内容进行分屏显示,主要通过工具条、导航栏来切换不同的内容显示。导航组件在复杂的应用里会经常使用,因为这样方便用户操作。如果定义为字符串,就是表示不同的分页采用同一个标题不能改变,这里采用Builder函数,就可以根据不同的页面来改变不同的标题显示。Navigation组件一般作为Page页面的根容器,通过属性设置来展示页面的标题栏、工具栏、导航栏等。首先我们要来设置导航分页的标题显示,不同分页显示不同的标题。原创 2024-04-03 10:32:36 · 69 阅读 · 0 评论 -
鸿蒙应用开发之文本走马灯组件
前面学习了多图片来组合的动画组件,这样方便大家可以把图片在小面积区域进行多个图片查看,也提供了一种动态动画的功能。但是这个组件只是基于图片的动画,如果想基于文本的动画效果呢,比如一串文本很长,但是有于手机显示的区域有限,那么没有办法全部显示出来,一般就采用滚动的方式来显示。如果滚动的方式使用自动化的滚动,那么就可以引出一个走马灯组件了。在后面演示的例子里,由于程序不是一启动就开始走动,所以增加一个按钮,以便用户可以测试这个功能。有了这些参数的说明,就可以准确地使用这些参数。因此增加一个按钮的代码。原创 2024-04-01 12:23:50 · 67 阅读 · 0 评论 -
鸿蒙OS应用开发之多图片动画组件
前面终于把图片显示组件学习完成了,因为图片显示是比较常用的组件,常常需要把图片当作界面元素来显示出来。图片组件可以显示GIF动画,这样对于一直播放,或者方便制作成GIF动画的应用是没有问题的。不过,在这里也提供了一个基于普通PNG图片的动画,或者叫做帧动画。也就是把多张PNG图片添加到这个组件,然后就可以设置播放、暂停、重复播放等动作,这是一个可以自己控制动画运转过程的方法。这个设置了动画组件播放的资数,默认值是只播放一次。上面的例子只使用了string这个参数就可以从资源里输入图片,其它参数都没有设置。原创 2024-03-18 11:09:12 · 110 阅读 · 0 评论 -
OpenHarmony4.0对RK3566的烧写过程
前面已经编译的过程搞了比较长的时间,因为遇到了不少问题,老是编译出错,后来经过努力还是编译成功了。然后点击最右边空白那一行,修改为自己位置的文件,把上面编译出来的文件设置到这里,由于这个板出厂后,都带有系统,所以采用LOADER加载即可。这时候,就可以加载磁盘分区的配置文件:config.cfg。驱动安装,在设备管理器中选中设备点右键加载对应的驱动。有了这些文件,就可以对开发板进行烧录进去。最后点击执行,就会烧写入去了。最后运行就像这个图片。原创 2024-03-17 12:32:16 · 248 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件12
前面学习了图片简单滤镜处理,接着下来对图片组件的事件响应进行学习。因为加载图片时,大多数都是采用异步的方式来加载图片,这样当图片加载失败时就无法及时知道,需要查看出错信息。这里采用syncLoad方法来设置为同步加载图片,不过当图片比较大,或者网络上加载图片时,就会导致页面卡死,用户体验不好。因此常常采用异步的方式比较好,这时就需要采用两个事件来通知加载成功或失败。这两个事件是:onComplete事件和onError事件。原创 2024-03-12 10:31:56 · 104 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件11
前面学习了像素降级处理的方法,这样方便一个图片可以显示在不同大小屏幕的技术,同样不会失真。图片处理是一个很范的名词,一般来说图片处理都会采用预处理的方法,比如在电脑上采用图形处理软件进行处理,然后再使用到手机的软件显示,这样可以减少处理计算。不过,如果有一些特殊的图片,需要在手机上进行处理之后才能应用,那么就不能采用预处理的方法了。采用输入一个4X5的矩阵来转换图片,当我们想变换图片的颜色时,就可以定义一个矩阵,然后把这个矩阵输入到方法里,就可以把图片进行处理了。可见背景的白色就透过来了。原创 2024-03-11 11:07:08 · 106 阅读 · 0 评论 -
编译OpenHarmony出错小结 FAILED: load BTF from vmlinux: Unknown error -22
在编译开源鸿蒙系统4.0版本时,遇到了不少问题,由于之前对于这个系统了解少,也不太确定是哪里出问题,所以走了不少弯路。一开始就尝试使用WSL来进行编译,这样可以省了虚拟机的安装,但是测试了一下,发现编译不通过,老是出错,这条路看来是走不通了,只能另外想办法。接着下来还是选择安装虚拟机的方式。虚拟机又有很多种,最后选择了VirtualBox,这样安装就比较方便了。我的电脑系统是WIN11作为主机操作系统,然后安装VirtualBox,并对它进行配置。在配置的过程中,也吃了不少亏。原创 2024-03-08 10:30:32 · 333 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件10
前面学习设置图片的黑白转换,这样适合应用在特殊日子里进行表示不同的感情。由于原来的图片分辨率很高,但是显示的区域很小,这时候就需要降低分辨率,以便运行的速度更快。因为分辨大的图片会比较占用内存,如果加载很多高分辨率的图片,就会导致内存过大,每次刷新就会使用大量的CPU资源,导致手机比较费电。这个方法只有当设置的参数大小比原来图片大小更小时才会起作用,并且SVG和PixelMap图片不支持这个方法进行变换。在这个方法里,输入两个参数,这个参数就是新的分辨率大小,这样在解码图片时就会降低图片占用的空间。原创 2024-03-04 09:29:59 · 100 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件9
前面学习了图片可以重复地铺满窗口的方法,这样可以使用背景图片的方式。接着下来,我们学习图片进行黑白处理。很多情况下,我们都是采用彩色图片进行显示的。不过,也有特殊的时候,比如某些特殊的日子,就需要把界面上所有采色图片改变为黑色图片显示,这样表示隆重。在APP里怎么样快速地进行这种转换呢?其实只需要改变一下属性就可以了。因此当界面上很多图片时,就可以一键切换这个属性值,就可以达到一键切换图片显示方式。原创 2024-02-28 09:46:16 · 104 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件8
如果想作为窗口的背景图片,又或者重复地铺满整个窗口,那么就需要使用图片重复的功能。前面学习了图片简单的插值方法,这样可以让不合适的分辨率的图片,可以随着客户的放大或缩小进行合适插值运算,从而让图片看起来更加舒服,更加美观。根据上面的参数,我们就可以根据自己的需求来选择不同方向上进行重复的显示。// 在水平轴和竖直轴上同时重复绘制图片。// 只在水平轴上重复绘制图片。// 只在竖直轴上重复绘制图片。它会把整个空间都填满图标,比较适合背景的填充。可以看到在X轴方向排列了三个图标。原创 2024-02-27 11:56:15 · 89 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件7
前面学习了网络图片通过HTTP下载,并且创建为pixelMap的位图数据,这样就可以进行图片处理,比如进行旋转、修改等等。对于这些图片处理是比较复杂的,如果不使用这么高级的内容,那么就可以使用低级一点的图片处理,比如插值运算。由于各种原因,当图片进行放大时,一般会产生锯齿显示,因为图片的分辨率不够导致的。这时候,就可以使用图片内部插值算法来进行平滑,让用户看到图片更加清晰,更好友好。可以看到左图不进行插值时,会看到很我锯齿状的边缘,右图进行轻微的插值运算,就好看很多了。是不使用插值,第二种。原创 2024-02-23 11:28:50 · 118 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件6
前面学习了怎么样让图片合适的大小来显示出来,达到最佳的布局显示图片。PixelMap图片是指图片解码后无压缩的位图,用于图片显示或图片处理。所以需要先要从网络上下载图片,在这里演示使用HTTP来下载图片。在这里主要是调用 http.createHttp().request函数来发出请求,并且设置返回的响应函数(error, data)。由于PixelMap图片是一种无压缩的图片,比较适合图片处理,比如从网络上加载图片之后,再进行处理再显示到的手机屏幕。点击一下获取网络图片的按钮,就会显示这个图片在下面。原创 2024-02-22 11:12:13 · 441 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件5
前面学习了网络图片的显示,现在来学习图片的缩放设置,因为图片的来源不确定性,导致图片与显示区域大小的不匹配,就需要采用缩放的方式来显示图片。对于图片的缩放,我们不需要管理它的插值过程,只需要设置特定的方式就可以。在这里定义了6种操作模式,这些模式需要根据用户的要求来选择合适的方式。每一种方式显示都不一样,这就需要根据实际需求来找到合适的显示方式了。可以看到第一种方式会宽度变小了。原创 2024-01-18 11:12:04 · 214 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件4
前面学习了比较复杂的图片显示,现在来学习一个简单的方式,就是采用网络图片显示。不过,这个需要APP向用户申请网络的权限。如果具备这个权限,只要连接上网,就可以动态地更新界面上显示的图片,这是比较方便的地方。幸好鸿蒙系统考虑到这个问题,提供了一个临时替换的方案,就是当图片没有下载完成之前可以采用占位的图片。意思就是在APP里可以提供一个默认的图片,当图片下载完成之前先用这个图片进行显示。有可能网络比较慢,这时候图片没有下载完成,就不能显示。这里我已经把网络地址改为错误的地址,就出现这个图标显示了。原创 2024-01-17 10:04:26 · 328 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件3
在这里调用then方法来处理用户选择的照片结果集,在这里把得到的结果集photoSelectResult.photoUris保存起来,并不能在这里直接处理它,因为这里的回调应该是界面线程的回调。一般情况下,需要采用临时变量来缓存结果集。在方法select里,需要输入一个参数PhotoSelectOptions对象,这个对象用来定义查找的参数,比如文件类型,文件数据限制。这样用户选择的照片路径,就会保存在全局变量里,只需要我们遍历全局变量,就可以把结果集里的路径遍历出来,再通过路径打开照片进行显示。原创 2024-01-16 11:15:22 · 652 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件2
一种是把图片直接放在代码内部,减少加载图片的调用,提高图片的显示速度。因为代码是直接加载到内存里,这时显示图片,就是从内存里显示。另一种是方便从网络里一次获取多个图片回来,或者一次性获取回来,减少调用网络的接口。在这里上传图片,就可以一键转换为base64图片文本,不过要注意这里不能是太大的图片。base64,[base64 data],其中[base64 data]为Base64字符串数据。要采用这种图片资源,需要把图片先转换为base64的字符串,这种转换可以自己编写工具来转换,也可以采用现成的工具。原创 2024-01-15 13:26:42 · 581 阅读 · 0 评论 -
鸿蒙OS应用开发之显示图片组件1
比如可以显示网络上的图片,不过需要经过授权审核的网络连接才能显示出来。此时,Image组件的src参数为网络图片的链接。在现在的应用开发里,为了显示漂亮的界面,基本上都是图形界面布局,大量地采用图片来展示,并且采用动画。使用资源格式可以跨包/跨模块引入图片,resources文件夹下的图片都可以通过$r资源接口读取到并转换到Resource格式。在这个接口输入的参数,可以是一个字符串,也可以一个资源,也可以是一个编辑图片资源。这个是常用来显示固定的图片,不需要从网络上加载,快速显示。原创 2024-01-15 12:41:20 · 231 阅读 · 0 评论 -
鸿蒙OS应用开发之仪表组件
在鸿蒙系统里定义了一个Gauge组件,在这里估且叫做仪表组件,它是实现一个环形展示数据的组件,其实也可以用来指示方向的一个组件。这个组件是一个360度可以设置的圆环,它可以设置每一段的颜色。在这里设置了四段颜色,每段占25%的长度。在这里看到value()属性也可以设置显示值,如果初始化值也有设置,那么它会以属性value设置为准。参数value是表示当前指示值,比如显示为75%,那么这里设置75.主要输入一个参数options,而这个参数主要三个设置。可以根据自己的数据显示需求,进行具体的设置。原创 2024-01-12 11:36:28 · 181 阅读 · 0 评论 -
鸿蒙OS应用开发之分隔线组件
前面学习了百分比组件,可以实现不同的百分比的图形显示。本文将来学习一个分隔组件,可以把一些列表或按钮组件进行分隔,达到分组的目的。比如一个列表里,有一部分项是操作查看的,一部分是操作编辑的,就可以使用分隔组件进行分离开。比如上图就是使用横的分隔条把菜单进行分离。提供分隔器组件,分隔不同内容块/内容元素。在这两个按钮之间就出现了一条分隔线。原创 2024-01-12 10:48:28 · 475 阅读 · 0 评论 -
鸿蒙OS应用开发之百分比显示组件
前面学习了动态加载的组件,在本文里将要学习百分比显示组件,这个组件可以把数据按百分比的情况进行图形显示出来。百分比图形显示还是很有用的,比如一个班里学生的成绩占比,还有软件项目开发进度的情况,还有软件下载进度等等。type是百分组件显示外形的方式,这里主要有两种显示,一种是圆形Circle,一个是线形Line。values是一个数组类型,描述每一段怎么显示,比如30%显示时,表示值就是30.里面的文本显示,还是采用别的代码来显示。这段代码就会显示30%占比,最大值为100,使用的圆形显示。原创 2024-01-11 12:24:02 · 862 阅读 · 0 评论 -
鸿蒙OS应用开发之加载动态组件
前面学习了动态填充的组件,现在来学习一个在嵌入在普通组件里的加载动态效果的组件。这个组件可以放在按钮等控件里面,实现动态加载的效果。接着在里面添加一个按行排列的组件Row,在这里再添加LoadingProgress组件。从上面看到第一个按钮里,包含加载动态组件,后面再显示文本loading。第三个按钮是一个圆形按钮,在里面也有加载动态组件,不过设置的颜色不一样。这是第一个按钮的代码,它采用胶囊外形,按下有效果。第二个按钮是没有这个组件,可以看到对比效果。设置加载进度条前景色。原创 2024-01-11 10:22:05 · 385 阅读 · 0 评论 -
鸿蒙OS应用开发之自动填充空白组件
当手机在竖屏或横屏时,屏幕空间大小会不一样,这时就需要考虑屏幕的组件布局,自动适应屏幕的变换。在本文里介绍一种采用自动填充空白组件来实现填充的功能。在这里输入一个参数min,就是当父窗口没有设置大小时,就需要靠这个来设置最小的空间占用。这样自动就填充在中间有颜色部分,如果没有采用空白组件,后面按钮,就会显示到文本后面。当调整到横屏显示时,就会自动填充满屏。所以Blank组件还是比较有用的,在自动对齐方面有很大作用。空白填充组件在容器主轴上的最小大小。像上面的例子,就是设置填充为红色。原创 2024-01-09 17:21:35 · 423 阅读 · 0 评论 -
鸿蒙OS应用开发之索引列表选择
前面学习了文本选择列表组件,这个组件可以根据需要把有限的几个字符串进行列表显示,并供用户进行挑选。比如我们来设计中国所有省份里的城市进行选择时,就会发现所有城市全部写到一个列表里,让用户使用起来就会比较麻烦。这时候就需要采用新的设计方法来实现用户的选择了,不能采用前面的文本列表方式来实现。比如先把省份列出来当作一个索引,当用户把省份选择之后,再把这个省份的城市列表出来。这样就可以快速到找到对应的城市。返回值:索引对应的字符串数组,此字符串数组在弹窗中竖排显示,字符串列表最多显示5个,超出部分可以滑动显示。原创 2024-01-08 11:00:38 · 1505 阅读 · 0 评论 -
鸿蒙OS应用开发之文本选择
前面学习了时间和日期选择组件,这样可以选择时间和日期了,但是那些非时间或日期的选择呢,又需要采用什么样的方式来解决呢?其实就是日期选择也有一些非连续的日期选择,对于这种日期不能采用前面学习过的选择组件,只能采用一种集合式的选择组件,这样更加方便用户来选择。本文将要学习文本选择组件,这个组件就是定义一个文本集合,然后就可以把这个集合的数据进行显示出来,并供用户进行选取。因此这个组件适合比较短小的集合元素,比如课程的选择,节气日期选择,一般种类的选择。在这个函数里输入的参数是第一项的高度,或者文本的高度。原创 2024-01-05 11:52:26 · 472 阅读 · 0 评论