124.图解鸿蒙之 TextInput 组件 -textIndent

57 阅读1分钟

在鸿蒙这个超好玩的文字梦幻岛里,textInput就像是一张等待书写冒险故事的羊皮纸📜,而textIndent属性呢,它可是能帮你巧妙安排文字 “出场位置” 的神奇小魔杖🔮。

\

当你准备在这张羊皮纸上挥毫泼墨时,textIndent就开始施展它的魔法啦。要是给它设上一个正数,比如说20,文字们就像一群有礼貌的小绅士🧑,集体向后退一步,从距离文本框左边边缘20像素的地方才正式开场,留出一小段空白的 “前奏”,让整个文本看起来规规矩矩、层次分明,特别适合撰写条理清晰的文章段落,先空出点距离,再娓娓道来。\

要是把textIndent设成负数,哇哦😜,文字们就大胆往前冲啦,会有一部分悄悄 “探出头”,超出文本框左边的边界,营造出一种俏皮又不羁的感觉,要是用于设计创意海报文案、个性签名,那可是能轻松凸显别样风格哟。\

用 ArkTS 语言把这个有趣的魔法融入代码,简单又轻松:

看,就这么轻轻设置一下textIndent,就能操控文字在textInput里走出不一样的 “步伐”,或端庄,或随性啦!

PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~