HarmonyOS 鸿蒙Next Button('这里的字符间距怎么改') | 我想要（ 这 里 的 字 符 间 距 怎 么 改）这种效果 | Text('怎么自适应字体大小')
HarmonyOS 鸿蒙Next Button(‘这里的字符间距怎么改’) | 我想要（ 这 里 的 字 符 间 距 怎 么 改）这种效果 | Text(‘怎么自适应字体大小’)
Button(‘这里的字符间距怎么改’) | 我想要（ 这 里 的 字 符 间 距 怎 么 改）这种效果
Button(‘这里的字符间距怎么改’)
.height(45)
.width(140)
.fontSize(20)
.fontWeight(FontWeight.Bold)
//.字符间距？
//.letterSpacing(2.0)
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>欢迎大家交流指导
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
我想让整体的 Row()宽度一定时，Text(‘114514’)位数增多的时候，自动减小字号，不要把Row()加宽或加高
Row() {
Text(‘114514’)
.fontSize(40)
.fontWeight(FontWeight.Bold)
.layoutWeight(1)
// .autoShrink(true) // 自动缩小字体以适应内容
// .minFontSize(10) // 设置最小字体大小，防止字体太小
Text(‘￥’)
.fontSize(20)
.fontWeight(FontWeight.Bold)
}
.margin({ top: 10 })
.justifyContent(FlexAlign.SpaceBetween)
.width(160)
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>文本显示 (Text/Span)-添加常用组件-添加组件-UI开发
欢迎大家交流指导
关于HarmonyOS 鸿蒙Next Button(‘这里的字符间距怎么改’) | 我想要（ 这 里 的 字 符 间 距 怎 么 改）这种效果 | Text(‘怎么自适应字体大小’)的问题，您也可以访问：https://www.itying.com/category-93-b0.html 联系官网客服。
10 回复
第一个不要直接写text，用子组件，button可以套子组件的text的，再用text的letterspacing应该就行了
第二个可以试一下最大最小字体，还有好臭的数字啊
第二个可以试一下最大最小字体，还有好臭的数字啊
第一个可用，第二个要确认最大行数，最大最小字体大小三个参数。感谢您的回复。 我后面整理了一种方案，最外层Column显示效果怎么总感觉有点不对呀？ 我想要的效果是页面左右空出来一条。 是我哪里写错了么还是预览器哪里不对劲呀。
最外层Column显示左右白边效果问题的解答
//加上下面这一句就能出现左右两边的白边了
.constraintSize({ maxWidth: '100%' })
//如果不加上面这句话，只有左白边，不显示右白边<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>详细的上下白框 | 左右白边的解决方案请看连接的评论区：
这里整理了一种显示方案：
预览图：
代码：
[@Entry](/user/Entry)
[@Component](/user/Component)
struct ButtonTextTest {
build() {
Column({ space: <span class="hljs-number"><span class="hljs-number">10</span></span> }) { <span class="hljs-comment"><span class="hljs-comment">//1.Column</span></span>
Button() { <span class="hljs-comment"><span class="hljs-comment">//2.1Button</span></span>
Text(<span class="hljs-string"><span class="hljs-string">'HELLO'</span></span>)
.fontColor(Color.White)
.fontSize(<span class="hljs-number"><span class="hljs-number">50</span></span>)
.fontWeight(FontWeight.Bold)
<span class="hljs-comment"><span class="hljs-comment">//.letterSpacing(10)</span></span>
} <span class="hljs-comment"><span class="hljs-comment">//2.1Button<<<<<<<<<<<<</span></span>
.height(<span class="hljs-number"><span class="hljs-number">100</span></span>)
.width(<span class="hljs-string"><span class="hljs-string">'80%'</span></span>)
.backgroundColor(Color.Orange)
<span class="hljs-comment"><span class="hljs-comment">//2.1Button>>>>>>>>>>>></span></span>
Button() { <span class="hljs-comment"><span class="hljs-comment">//2.2Button</span></span>
Text(<span class="hljs-string"><span class="hljs-string">'HELLO'</span></span>)
.fontColor(Color.White)
.fontSize(<span class="hljs-number"><span class="hljs-number">50</span></span>)
.fontWeight(FontWeight.Bold)
.letterSpacing(<span class="hljs-number"><span class="hljs-number">10</span></span>)
} <span class="hljs-comment"><span class="hljs-comment">//2.2Button<<<<<<<<<<<<</span></span>
.height(<span class="hljs-number"><span class="hljs-number">100</span></span>)
.width(<span class="hljs-string"><span class="hljs-string">'80%'</span></span>)
.backgroundColor(Color.Orange)
<span class="hljs-comment"><span class="hljs-comment">//2.2Button>>>>>>>>>>>></span></span>
<span class="hljs-comment"><span class="hljs-comment">//下面开始Text的显示//////////////////////////////////////////</span></span>
Row() {
Text(<span class="hljs-string"><span class="hljs-string">'114514'</span></span>)<span class="hljs-comment"><span class="hljs-comment">//.fontSize(40)自适应时需要被注释掉</span></span>
.fontWeight(FontWeight.Bold)
.layoutWeight(<span class="hljs-number"><span class="hljs-number">1</span></span>)
.maxLines(<span class="hljs-number"><span class="hljs-number">1</span></span>)<span class="hljs-comment"><span class="hljs-comment">//确定显示行数，最大最小字体大小来实现自适应||||||||||||</span></span>
.maxFontSize(<span class="hljs-number"><span class="hljs-number">40</span></span>)
.minFontSize(<span class="hljs-number"><span class="hljs-number">10</span></span>) <span class="hljs-comment"><span class="hljs-comment">// 设置最小字体大小，防止字体太小</span></span>
<span class="hljs-comment"><span class="hljs-comment">//||||||||||||确定显示行数，最大最小字体大小来实现自适应</span></span>
Text(<span class="hljs-string"><span class="hljs-string">'￥'</span></span>)
.fontSize(<span class="hljs-number"><span class="hljs-number">20</span></span>)
.fontWeight(FontWeight.Bold)
}
.margin({ top: <span class="hljs-number"><span class="hljs-number">10</span></span> })
.justifyContent(FlexAlign.SpaceBetween)
.width(<span class="hljs-number"><span class="hljs-number">160</span></span>)
} <span class="hljs-comment"><span class="hljs-comment">//1.Column<<<<<<<<<<<<</span></span>
.backgroundColor(Color.Pink)
.width(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)
.margin({ left: <span class="hljs-number"><span class="hljs-number">5</span></span>, right: <span class="hljs-number"><span class="hljs-number">5</span></span> })
.padding(<span class="hljs-number"><span class="hljs-number">10</span></span>)
<span class="hljs-comment"><span class="hljs-comment">//1.Column>>>>>>>>>>>></span></span>
}
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>这里的最外层Column显示效果怎么总感觉有点不对呀
//1.Column<<<<<<<<<<<<
.backgroundColor(Color.Pink)
.width(‘100%’)//这个占满宽度
.margin({ left: 5, right: 5 })//这个不应该左右都空出白条来么？
.padding(10)
//1.Column>>>>>>>>>>>>
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
