- 博客(125)
- 收藏
- 关注
RSS订阅原创 28.图解鸿蒙之线性布局-自适应缩放-使用百分比设置
那用百分比设子元素和兄弟元素宽度呢，就好比给盒子里的披萨切片定大小，不管这盒子拿到大桌子（大屏设备）还是小茶几（小屏设备）上，每片披萨（子元素）都能按照咱给的比例，自适应地占好自己那块地儿，稳稳当当，始终保持一样的 “肥瘦” 占比，咋看都和谐！父容器尺寸确定时，使用百分比设置子元素和兄弟元素的宽度，使他们在任意尺寸的设备下保持固定的自适应占比。我瞅见个用百分比设子元素宽度的招儿，这是干啥用的呀？PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~图解鸿蒙之线性布局-自适应缩放-使用百分比设置。
2025-01-09 12:47:52
240
原创 27.图解鸿蒙之线性布局-自适应缩放使用layoutWeight属性设置
答：嘿😜，想象一下，父容器是个大蛋糕盒，尺寸已经定啦。layoutWeight 呢，就像是给盒里的小蛋糕（子元素和兄弟元素）分地盘的魔法，不管小蛋糕本来自己想长啥样（本身尺寸设置），它都能按照咱给的 “重要度权重”，在主轴上（就像蛋糕盒里的一排位置）瓜分剩余空间，让每个小蛋糕在任何大小的 “餐桌”（设备）上，都能自适应地把盒子填满，超厉害吧！父容器尺寸确定时，使用layoutWeight属性设置子元素和兄弟元素在主轴上的权重，忽略元素本身尺寸设置，使它们在任意尺寸的设备下自适应占满剩余空间。
2025-01-09 11:48:39
277
原创 26.图解鸿蒙之线性布局-自适应拉伸
在线性布局下，常用空白填充组件Blank，在容器主轴方向自动填充空白空间，达到自适应拉伸效果。Row和Column作为容器，只需要添加宽高为百分比，当屏幕宽高发生变化时，会产生自适应效果。答：哎呀，简单说啦，就好比小橡皮筋，环境一变，它能跟着变长变短，自适应拉伸就是元素能根据装它的 “小盒子”（容器）大小，自动调整自己身材，把空间填得刚刚好，不松不紧哟！PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~我老听到 “自适应拉伸”，这到底啥玩意儿呀？图解鸿蒙之线性布局-自适应拉伸。
2025-01-09 11:43:12
122
原创 25.图解鸿蒙之线性布局-justifyContent(FlexAlign.SpaceEvenly)水平方向均匀分配元素
答：嘿，它就如同鸿蒙世界里的 "公平秤砣"，在线性布局这条 "流水线" 上，元素们被它安排得明明白白，不管是相邻间距，还是首尾和边界的距离，全都一般大，跟拿尺子量过似的，规整得很！justifyContent (FlexAlign.SpaceEvenly)：水平方向均匀分配元素，相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 11:19:43
166
原创 24.图解鸿蒙之线性布局-justifyContent(FlexAlign.SpaceAround)水平方向均匀分配元素
justifyContent (FlexAlign.SpaceAround)：水平方向均匀分配元素，相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。答：嘿，它就像个贴心的 "空间小管家"，在线性布局这 "大舞台" 上，把元素当成小演员，让它们间距均匀排排站，而且首尾元素离 "舞台边" 的距离，刚好是相邻演员间距的一半，特和谐！PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 11:14:53
170
原创 23.图解鸿蒙之线性布局-justifyContent(FlexAlign.SpaceBetween)
justifyContent (FlexAlign.SpaceBetween)：水平方向均匀分配元素，相邻元素之间距离相同。第一个元素与行首对齐，最后一个元素与行尾对齐。答：嘿，它就像个公正的 "空间分配官"，在线性布局 "大马路" 上，让元素们像汽车一样首尾对齐，均匀排开，间隔都一样，既不挤也不散，整整齐齐向前冲！问："justifyContent (FlexAlign.SpaceBetween)" 是啥神奇魔法？PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 11:09:50
241
原创 22.图解鸿蒙之线性布局-justifyContent(FlexAlign.End)元素在水平方向尾部对齐
答：嘿，它就像个调皮的 "队列小尾巴"，在线性布局这 "操场跑道" 上，把元素们当成小运动员，最后一个紧紧贴住跑道尾，前面的依次跟上，排得那叫一个规整，从右往左超有秩序！justifyContent (FlexAlign.End)：元素在水平方向尾部对齐，最后一个元素与行尾对齐，其他元素与后一个对齐。图解鸿蒙之线性布局 - justifyContent (FlexAlign.End) 元素在水平方向尾部对齐。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 10:52:11
177
原创 21.图解鸿蒙之线性布局-justifyContent(FlexAlign.Center)元素在水平方向中心对齐
答：嘿，它就好比舞台上的 "聚光灯操控师"，在水平 "大舞台" 上，大手一挥，元素们 "嗖" 地全奔舞台正中央，整整齐齐站一排，超亮眼，C 位出道！justifyContent (FlexAlign.Center)：元素在水平方向中心对齐，第一个元素与行首的距离与最后一个元素与行尾距离相同。问："justifyContent (FlexAlign.Center)" 在是啥厉害角色？PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 10:44:41
159
原创 20.图解鸿蒙之线性布局-justifyContent(FlexAlign.Start)元素在水平方向首端对齐
答：嘿，它就像个超严领队，在水平 "跑道" 上，一声令下，元素们跟训练有素的小兵似的，第一个冲在前头紧贴行首，后面的乖乖依次跟上，排得整整齐齐。justifyContent (FlexAlign.Start)：元素在水平方向首端对齐，第一个元素与行首对齐，同时后续的元素与前一个对齐。图解鸿蒙之线性布局 - justifyContent (FlexAlign.Start) 元素在水平方向首端对齐。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 10:39:08
230
原创 19.图解鸿蒙之线性布局-Row容器内子元素在水平方向上的排列
4\. 均匀间隔对齐（justifyContent (FlexAlign.SpaceBetween)：子元素在水平方向均匀分布，相邻元素间隔相同，且第一个元素与容器左边对齐，最后一个元素与容器右边对齐。5\. 环绕间隔对齐（justifyContent (FlexAlign.SpaceAround)：子元素均匀分布，相邻元素间隔相同，且第一个元素到容器左边和最后一个元素到容器右边的距离是相邻元素间隔的一半。元素好像被一种力环绕在容器中间，四周有间隔。就像在跑道上，运动员从起跑线开始，一个挨着一个。
2025-01-09 10:33:38
354
原创 18.图解鸿蒙之线性布局-justifyContent(FlexAlign.SpaceEvenly)
justifyContent (FlexAlign.SpaceEvenly)：垂直方向均匀分配元素，相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。答：嘿，它就像个超公平的 "空间分配大师"，在垂直舞台上，元素们不管前后左右，间距全都一模一样，整得跟复制粘贴似的，那叫一个整齐！问："justifyContent (FlexAlign.SpaceEvenly)" 这是啥神奇操作？PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 10:20:22
145
原创 17.图解鸿蒙之线性布局-justifyContent(FlexAlign.SpaceAround)垂直方向均匀分配元素
justifyContent (FlexAlign.SpaceAround)：垂直方向均匀分配元素，相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。答：嘿，它就像个超贴心的 "空间魔法师"，在垂直天地里，把元素间距变得超均匀，开头离行首、结尾离行尾的距离，不多不少正好是相邻元素间距的一半，超有秩序！PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-09 10:10:12
197
原创 16.图解鸿蒙之线性布局-justifyContent(FlexAlign.SpaceBetween)垂直方向均匀分配元素
justifyContent (FlexAlign.SpaceBetween)` 是一种在布局中控制元素排列的属性设置，常用于弹性布局（Flexbox）体系。在垂直方向的布局（如 `Column` 容器）中，主轴就是垂直方向。`FlexAlign.SpaceBetween` 表示在垂直方向上对元素进行特殊的排列处理，以实现特定的布局效果。答：嘿，它就像个公正的裁判，在垂直舞台上，让元素们 "排排站"，开头的贴紧行首，结尾的靠住行尾，中间的间隔还都一模一样，超整齐！
2025-01-09 10:04:27
213
原创 15.图解鸿蒙之线性布局-justifyContent(FlexAlign.End)元素在垂直方向尾部对齐
FlexAlign.End`这个参数表明元素要向容器的尾部（垂直方向即底部）对齐。就好像有一个无形的力量在将元素们从下往上堆叠，最后一个元素会紧紧地贴在容器的底部边缘，而其他元素则会按照与后一个元素对齐的规则依次排列。justifyContent(FlexAlign.End)：元素在垂直方向尾部对齐，最后一个元素与行尾对齐，其他元素与后一个对齐。答：嘿，它就像个调皮的小捣蛋，在垂直空间里，把元素们像摞积木一样从下往上堆，最后一块稳稳卡在容器底部，前面的依次对齐往上搭。
2025-01-09 09:58:30
178
原创 14.图解鸿蒙之线性布局-justifyContent(FlexAlign.Center)元素在垂直方向中心对齐
这里的 `justifyContent` 是指在主轴（对于垂直排列的 `Column` 容器，主轴就是垂直方向）上对元素进行对齐和分布的操作；justifyContent(FlexAlign.Center)：元素在垂直方向中心对齐，第一个元素与行首的距离与最后一个元素与行尾距离相同。答：它呀，就好比是舞台上的 “聚光灯调度师”，在垂直空间里，大手一挥，所有元素 “嗖” 地一下全奔着正中间去了，整整齐齐站在那儿，特亮眼。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~
2025-01-09 09:58:04
134
原创 13.图解鸿蒙之线性布局-justifyContent(FlexAlign.Start)元素在垂直方向首端对齐
这里的主轴方向在`Column`容器中是垂直方向，`FlexAlign.Start`表示子元素会向容器的起始位置（在垂直方向通常是顶部）对齐排列。想象一个垂直的管道（`Column`容器），里面有一些小球（子元素），当设置了`justifyContent(FlexAlign.Start)`后，这些小球就会全部堆积到管道的顶部。答：嘿，它就像个超严教官，在垂直 “方阵” 里，一声令下，元素们麻溜地都往最上头凑，第一个打头阵紧贴行首，后面的乖乖跟上对齐。
2025-01-08 14:09:15
239
原创 12.图解鸿蒙之线性布局-Column容器内子元素在垂直方向上的排列
5\. 环绕间隔对齐（justifyContent(FlexAlign.SpaceAround)） 说明：子元素均匀分布，相邻元素间距相同，且第一个元素到容器顶部和最后一个元素到容器底部的距离是相邻元素间距的一半，有较好的空间感。4.均匀间隔对齐（justifyContent(FlexAlign.SpaceBetween)） 说明：子元素在垂直方向均匀分布，相邻元素间距相同，且第一个元素与容器顶部、最后一个元素与容器底部对齐，使布局规整。图解鸿蒙之线性布局-Column容器内子元素在垂直方向上的排列。
2025-01-08 13:20:58
186
原创 11.图解鸿蒙之线性布局-VerticalAlign.Bottom子元素在垂直方向底部对齐
VerticalAlign.Bottom 是一种用于控制子元素垂直对齐方式的概念。在包含多个子元素的 Row 容器中，它规定子元素以自身底部为参照点，在垂直方向上与其他子元素的底部对齐。答：嘿，它就像个 “魔法地板”，在 Row 容器里，不管子元素是高是矮，一碰上它，底部全给你对齐咯，整整齐齐。图解鸿蒙之线性布局-VerticalAlign.Bottom子元素在垂直方向底部对齐。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇~
2025-01-08 13:17:55
159
原创 10.图解鸿蒙之线性布局-VerticalAlign.Center子元素在垂直方向居中对齐
VerticalAlign.Center 是一种布局属性，用于确保 Row 容器内的子元素在垂直方向上的中心位置对齐。简单来说，它会找到每个子元素在垂直方向上的中心点，然后将这些中心点排列在同一条水平线上。这就好比给每个子元素都穿上了一件带有 “中心定位” 装置的小衣服，使它们能够准确地在垂直方向的中心位置就位。答：它呀，就好比舞台上的 “走位大师”，在 Row 容器里，能精准地把子元素都推到垂直方向的正中间，让它们稳稳 “站定”。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~
2025-01-08 13:15:01
140
原创 9.图解鸿蒙之线性布局-VerticalAlign.Top子元素在垂直方向顶部对齐
VerticalAlign.Top 是一种在布局中用于控制元素垂直对齐方式的属性。当应用于 Row 容器内的子元素时，它会使这些子元素在垂直方向上以它们的顶部为基准进行对齐。就好像有一条无形的水平线，每个子元素的最顶端都要碰到这条线。答：嘿，它就像个超爱 “比高” 的裁判，在 Row 容器里，让子元素们都把头顶对齐，不管高矮胖瘦。图解鸿蒙之线性布局-VerticalAlign.Top子元素在垂直方向顶部对齐。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~
2025-01-08 12:58:03
122
原创 8.图解鸿蒙之线性布局-Row容器内子元素在垂直方向上的排列图
Row 容器主要让子元素水平排列，而其内部子元素在垂直方向上可有多种排列方式。或者两端对齐，充分利用容器空间，让子元素在垂直方向紧密且均匀排列。当子元素在垂直方向上采用顶部对齐时，每个子元素的顶部会在同一水平线上。无论子元素的高度是否相同，它们都以自身的顶部为基准进行对齐。垂直居中对齐是将每个子元素在垂直方向上的中心位置对齐到同一水平线上。这意味着无论子元素的高度如何，它们的中心位置会在一条直线上。底部对齐是让所有子元素的底部处于同一水平线上。不管子元素的高度差异有多大，它们都会以底部为基准进行对齐。
2025-01-08 12:55:35
331
原创 7.图解鸿蒙之线性布局-HorizontalAlign.End子元素在水平方向右对齐
HorizontalAlign.End 是一种布局属性设定，作用是将子元素在水平方向上以右侧为基准进行对齐，实现右对齐布局效果。答：它就像是个超贴心的 "小帮手" 呢，能指挥一堆子元素，让它们在水平方向上全都靠右站，排得整整齐齐哒。图解鸿蒙之线性布局 - HorizontalAlign.End 子元素在水平方向右对齐。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇～问：HorizontalAlign.End 是什么呀？
2025-01-08 12:51:01
205
原创 6.图解鸿蒙之线性布局-HorizontalAlign.Center子元素在水平方向居中对齐
当咱们有一堆子元素，想让它们在水平方向上整整齐齐地待在中间的时候，这个 HorizontalAlign.Center 就闪亮登场啦，能把那些子元素稳稳地摆在中间位置，超神奇哒！HorizontalAlign.Center 是一种对齐方式，它的作用是使子元素在水平方向上以容器的中心为基准进行对齐，从而让布局更加对称、美观，常用于突出重要元素或营造平衡的视觉效果。问：嘿呀，HorizontalAlign.Center 是个啥神秘魔法呀？PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~
2025-01-08 12:44:38
143
原创 5.图解鸿蒙之线性布局-HorizontalAlign.Start子元素在水平方向左对齐
在各类支持布局排版的编程环境或界面设计系统中，当需要对一组子元素进行水平方向的排列时，使用 HorizontalAlign.Start ，就会让这些子元素以水平方向的左侧为基准进行对齐。这种对齐方式能使子元素在左侧紧密排列，呈现出规整的视觉效果，方便用户清晰地浏览和识别内容，在创建列表、菜单或多元素组合的界面布局时经常被用到。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇～答：它像个 "小指挥"，能把子元素在水平方向靠左排整齐。答：做清单之类的，用它对齐，看着规整，找重点方便。
2025-01-08 12:41:58
160
原创 4.图解鸿蒙之线性布局-Column容器内子元素在水平方向上的排列
alignSelf 属性用于控制单个子元素在容器交叉轴上的对齐方式，其优先级高于 alignItems 属性，如果设置了 alignSelf 属性，则在单个子元素上会覆盖 alignItems 属性。在布局容器内，可以通过 alignItems 属性设置子元素在交叉轴（排列方向的垂直方向）上的对齐方式。且在各类尺寸屏幕中，表现一致。其中，交叉轴为垂直方向时，取值为。图解鸿蒙之线性布局 - Column 容器内子元素在水平方向上的排列。Column 容器内子元素在水平方向上的排列图。类型，水平方向取值为。
2025-01-08 12:23:46
201
原创 3.图解鸿蒙之线性布局-Row容器内排列方向上的间距
Row 容器用于水平排列子元素，其排列方向上的间距指各子元素在水平方向上的间隔距离，合理设置可优化布局美感与可读性。space 控制车厢和车厢之间的小空隙啦，能让每个小元素不挤在一起，有自己的小空间呢！Row 容器像一个 "小火车"，能把好多小元素像车厢一样，整整齐齐地排在一行哦，调好间距，"小火车" 就会看起来更舒服、更好看，要是挤一块儿，就乱糟糟啦！PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 \~图解鸿蒙之线性布局 - Row 容器内排列方向上的间距。
2025-01-08 12:18:43
132
原创 2.图解鸿蒙之线性布局-Column容器内排列方向上的间距
在布局容器内，可以通过space属性设置排列方向上子元素的间距，使各子元素在排列方向上有等间距效果。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇~图解鸿蒙之线性布局-Column容器内排列方向上的间距。答：像个 “收纳纵队”，能把东西排成一列。Column容器内排列方向的间距图。答：能清楚展示间距，方便调整布局。答：给纵队里的东西定间隔距离。问：Column 容器是啥？问：排列方向的间距啥意思？
2025-01-08 10:59:21
199
原创 1.图解鸿蒙之线性布局-线性布局概述
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。3.主轴：线性布局容器在布局方向上的轴线，子元素默认沿主轴排列。1.布局容器：具有布局能力的容器组件，可以承载其他元素作为其子元素，布局容器会对其子元素进行尺寸计算和布局排列。2.布局子元素：布局容器内部的元素。
2025-01-08 10:52:10
212
原创 132.图解鸿蒙之 TextInput 组件 -onDidDelete
比如说，要是你正在写一篇超有趣的冒险故事，不小心删错了某个超酷的魔法咒语，别担心，`onDidDelete`绑定的函数可以悄悄把删掉的咒语存到 “后悔回收站” 里📄，还能弹出一个超萌小气泡提示 ：“刚刚删掉了重要东西哟，点这里恢复”，给你反悔的机会，就好像有个暖心小伙伴，时刻守在你身旁，防止那些珍贵又有趣的文字 “离家出走” 再也回不来。有了`onDidDelete`这个超靠谱的 “文字小卫士”，咱们在`TextInput`里删改文字的时候，心里就多了一份稳稳的安全感啦！
2025-01-08 09:37:53
140
原创 117.图解鸿蒙之 TextInput 组件 -maxLines
想象一下，你正兴奋地往这个笔记本里奋笔疾书，要是没有任何限制，文字可能就会任性地一路 "疯长"。当你给它设定一个具体数字，比如说 `3`，它就像是在笔记本上画好了三条清晰的 "跑道"🏃♀️，文字们只能乖乖在这三条线划定的范围内乖乖排队，再多的灵感，也得乖乖守规矩，整整齐齐地排列，防止文字过于拥挤，把页面弄得乱糟糟的。要是把 `maxLines` 设成 `1`，那这个输入框瞬间变身成超干脆的 "一句话达人"，只允许简短又利落的一行文字出现，特别适合填写快速备注、昵称这类精简信息的场景，不啰嗦、超高效。
2025-01-08 09:37:26
206
原创 131.图解鸿蒙之 TextInput 组件 -onDidInsert
又或是通知其他部分的页面元素，“嘿，有新成员来咯”，好让相关联的插画、注释赶紧就位，配合文字开启全新的奇妙篇章。在鸿蒙这个超欢乐的数字童话镇里，`TextInput`仿佛是一本永远敞开怀抱、等待书写冒险故事的魔法书📖，而`onDidInsert`属性，就像是躲在书页缝隙里的欢乐“记录小精灵”🧚。瞧，有了`onDidInsert`这个超活泼的“文字播报员”，咱们往`TextInput`里填充文字的过程，瞬间变得趣味盎然，还充满互动感哟！PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~
2025-01-07 14:46:03
149
原创 130.图解鸿蒙之 TextInput 组件 -onWillDelete
它提前一步启动，触发绑定好的奇妙函数。”要是遇上那种误删重要字词的情况，它还能化身暖心小救星，弹出个超萌提示框🥰，上面写着“真的要删掉吗，这个词说不定后面还会用到哦”，给你反悔的机会，稳稳守护住罐子里文字糖果的完整性，不让任何一个宝贵的文字被误删。在鸿蒙这片欢乐又奇妙的数字小天地里，`TextInput`好似一个装满五彩文字糖果的魔法罐子🍬，而`onWillDelete`属性呢，就是守在罐子口的超警觉“小卫士”小精灵🧚。PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇\~
2025-01-07 14:44:08
173
原创 129.图解鸿蒙之 TextInput 组件-onWillInsert
它像有神奇的预知超能力，能提前知道哪个新字符要“入住”，然后触发绑定的魔法函数。这时候，你要是写了个小规则，比如说禁止某些特殊符号进入，它就会像个严格又可爱的小门卫🚪，把不合规的字符统统拦住，还能弹出个超萌气泡提示：“这个符号不能进来哟”，让输入内容整整齐齐、乖乖听话，超贴心守护咱们的输入小天地。在鸿蒙这个超有趣的数字魔法乐园里，`TextInput`就像是一个超爱收集故事的魔法小盒子🎁，而`onWillInsert`呢，它可是盒子旁边超机灵的“小预告员”小精灵🧚！接下来来看看输入字段的效果吧
2025-01-07 14:31:17
181
原创 128.图解鸿蒙之 TextInput 组件 -onChange
绑定了一个函数，这个函数立马像被叫醒的小精灵🧚，飞速运转起来。它能捕捉到文本框里内容的每一丝风吹草动，不管是增添了俏皮的形容词，还是修正了一个错别字，它都门儿清。关联的函数可以实时更新页面显示，让你刚输入的字句瞬间在屏幕其他地方同步呈现，眼睛都不用眨一下，效率超高。触发的函数会根据新输入的关键词，立刻去数据库里翻找匹配信息，眨眼间给你列出相关条目，超级贴心。就不再是个闷葫芦，而是变得超级灵动，和你实时互动，让输入体验趣味无穷哟！比如说，你正在做一个简易的笔记应用，给。在鸿蒙这片充满活力的交互天地里，
2025-01-07 14:24:54
208
原创 127.图解鸿蒙之 TextInput 组件 -enableHapticFeedback
在鸿蒙这个超有触感的数字小乐园里，`textInput`就像是一个充满魔力的互动小盒子，而`enableHapticFeedback`属性，则像是给这个盒子悄悄装上的“神奇触感开关”。\当你伸出手指，轻轻触碰`textInput`开始输入文字时，要是把`enableHapticFeedback`设为`true`，哇哦，魔法就此触发！每一次点击键盘、每一回选中文字，手机都会微微震动一下，就好像有个超迷你的小精灵栗，在指尖底下轻轻跺脚，给你回应，带来超真实又有趣的触感体验。这种震动反馈，让操作不再冷
2025-01-07 14:19:56
181
原创 126.图解鸿蒙之 TextInput 组件 -showPassword
哇哦😜，密码就像被施了“显形魔法”，一下子清清楚楚地暴露出来啦！这个功能偶尔也超有用哦，比如说你输完密码，不太确定有没有敲错，一键开启“showPassword”，快速扫一眼，确认无误后再关上这个“透视眼”，是不是超方便又贴心呀。，嘿嘿，输入的密码瞬间化作一串神秘的小黑点或者小圆圈，把秘密捂得严严实实的😏，旁人看一眼，完全猜不透里面藏着啥，安全感满满哒，这可是保护隐私的常规操作。就能帮你灵活掌控密码的“隐身”与“现身”，超安心有没有！在鸿蒙这个超有趣的数字小天地里，看，就这么轻松设置一下，
2025-01-07 14:15:12
143
原创 125.图解鸿蒙之 TextInput 组件 -heightAdaptivePolicy
随着文字越来越多，它又像个会伸缩的小气球🎈，悄咪咪地变大，给文字们足够宽敞的“小窝”，适配各种长度内容，在聊天窗口、动态发布栏这些场景，简直不要太实用。在鸿蒙这个超贴心的数字创意工坊里，`textInput`仿若一个善解人意的魔法笔记本📓，而`heightAdaptivePolicy`属性呢，就是赋予笔记本“七十二变”超能力的神奇咒语✨。瞧，靠着这几行代码，`heightAdaptivePolicy`就能把你的`textInput`变得超级灵动又懂事，带来超舒适的输入体验哟！
2025-01-07 14:08:57
198
原创 124.图解鸿蒙之 TextInput 组件 -textIndent
要是给它设上一个正数，比如说`20`，文字们就像一群有礼貌的小绅士🧑，集体向后退一步，从距离文本框左边边缘`20`像素的地方才正式开场，留出一小段空白的“前奏”，让整个文本看起来规规矩矩、层次分明，特别适合撰写条理清晰的文章段落，先空出点距离，再娓娓道来。要是把`textIndent`设成负数，哇哦😜，文字们就大胆往前冲啦，会有一部分悄悄“探出头”，超出文本框左边的边界，营造出一种俏皮又不羁的感觉，要是用于设计创意海报文案、个性签名，那可是能轻松凸显别样风格哟。
2025-01-07 14:02:54
226
原创 123.图解鸿蒙之 TextInput 组件 -fontFeature
可一旦开启`fontFeature`的奇妙大门，哇哦😃，就像走进了童话里的变身派对！要是启用了“liga”（连字）功能，某些特定的字母组合瞬间手拉手👫，合并成超酷炫的连体字，让排版瞬间精致又艺术，仿佛文字都穿上了定制的华丽礼服，特别适合打造典雅的书籍封面标题、高端的邀请函文案。在鸿蒙这个超梦幻的文字魔法世界里，`textInput`宛如一个能孕育奇妙语句的魔法摇篮🎀，而`fontFeature`属性呢，就像是藏在摇篮边的神秘“魔法符文”🔮，悄悄给文字施展出超有趣的变形魔法。
2025-01-07 13:55:57
179
原创 122.图解鸿蒙之 TextInput 组件 -letterSpacing
当你往`textInput`里输入文字时，要是把`letterSpacing`设成正数，哇哦😎，文字们就像是一群突然拥有了私人小空间的小精灵🧚，彼此之间礼貌又疏朗，乖乖地拉开了距离。数值越大，间距越宽，文字看起来更加空灵、舒展，自带一种高级又随性的艺术范儿，放在时尚的标题、炫酷的海报文案里，能瞬间抓住大家的眼球。在鸿蒙这方充满奇趣的文字魔法天地里，`textInput`仿若一个超有个性的活字印刷盘📜，而`letterSpacing`属性呢，就是能巧妙摆弄活字间距的“魔法小镊子”🧷。
2025-01-07 13:45:01
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人