HarmonyOS button文字怎么自定义设置位置

HarmonyOS
2024-12-24 14:55:55
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

以下button,内包含图片和文字,现在需求是图片后间隔5vp跟着文字。 backgroundImagePosition({ x:10, y:7}) 图片的可以自定义位置,请问一下,怎么样自定义文字的文字

Button('搜索应用').borderRadius('50%').backgroundColor(0xF2F2F2).fontColor(0xBFBFBF)
  .backgroundImage($r('app.media.ProduceSearch'))
  .backgroundImageSize({width:25,height:25}).backgroundImagePosition({ x:10, y:7})
  .alignRules({
    center: { anchor: '__container__', align: VerticalAlign.Center },
    right: { anchor: 'applicationCenter', align: HorizontalAlign.Start },
    left: { anchor: 'title', align: HorizontalAlign.End }
  }).margin(10).layoutWeight(1).align(Alignment.Center)

当前button里没有字体具体的位置的设置,可以通过align和padding达到想要的效果,backgroundImagePosition不占空间,可以设置align想左对齐,再设置padding的left相当于图片width+backgroundImagePosition的x+5vp即可

Button('搜索应用')
  .backgroundColor(0xF2F2F2)
  .fontColor(0xBFBFBF)

  .backgroundImage($r('app.media.ProduceSearch'))
  .backgroundImageSize({width:25,height:25})
  .backgroundImagePosition({ x:20, y:12.5})
    //
  .alignRules({
    center: { anchor: '__container__', align: VerticalAlign.Center },
    right: { anchor: 'applicationCenter', align: HorizontalAlign.Start },
    left: { anchor: 'title', align: HorizontalAlign.End }
  })
  .margin(10)
  .align(Alignment.Start)
  .width(300)
  .height(50)
  .padding({ left: 25 + 20 + 5 })
分享
微博
QQ
微信
回复
2024-12-24 17:05:31
相关问题
如何设置自定义弹窗位置
2245浏览 • 1回复 待解决
基于自定义键盘设置光标位置
835浏览 • 1回复 待解决
HarmonyOS Button stateEffect自定义咨询
55浏览 • 1回复 待解决
是否可以自定义权限弹框文字
2005浏览 • 1回复 待解决
HarmonyOS 任意位置弹出自定义窗口
92浏览 • 1回复 待解决
HarmonyOS 自定义设置动态壁纸
411浏览 • 1回复 待解决
HarmonyOS 如何设置自定义字体
1086浏览 • 1回复 待解决
HarmonyOS WebView设置自定义UserAgent
604浏览 • 1回复 待解决
HarmonyOS 怎么自定义装饰器
254浏览 • 1回复 待解决
HarmonyOS 应用设置语言-自定义首页
215浏览 • 1回复 待解决
HarmonyOS 如何设置自定义弹窗透明
283浏览 • 1回复 待解决
希望Tabs的页签位置是否支持自定义
621浏览 • 1回复 待解决
HarmonyOS 全局设置自定义字体的方法
221浏览 • 1回复 待解决