如何在Swift UI中适应形状以适应文本视图的长度和宽度

彼得

这就是我想在代码中发生的事情,并且我希望矩形能够缩放到任何字体大小。

ZStack{
                        RoundedRectangle(cornerRadius: 8).foregroundColor(.red).scaledToFit()//.frame(width: 200, height: 25)
                        HStack{
                            Image(systemName: "tag.fill").foregroundColor(.white)
                            Text("Tickets Not Available").font(.headline).foregroundColor(.white).fixedSize(horizontal: true, vertical: false)
                        }
                    }.scaledToFit()

如您所见,我的视图放置在zstack中,因此圆角矩形可以作为文本视图的背景。我已经尝试了许多不同的方法,例如将.scaledtofit放在哪里,它每次都给我带来古怪的结果。

工作犬

这是您要执行的操作(注意Image.resizable):

import SwiftUI

struct ContentView: View {

var body: some View {
    ZStack{
        RoundedRectangle(cornerRadius: 8).foregroundColor(.blue)
        HStack{
            Image(systemName: "tag.fill").resizable().padding(4).foregroundColor(.white).scaledToFit()
            Text("Get Tickets").font(.headline).foregroundColor(.white)
        }
    }.fixedSize()
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Swift中以编程方式调整UIButton中文本的字体大小以适应宽度?

来自分类Dev

如何在Swift中以编程方式调整UIButton中文本的字体大小以适应高度?

来自分类Dev

如何在Swift中适应Mashape应用程序密钥?

来自分类Dev

如何在Swift中适应Mashape应用程序密钥?

来自分类Dev

自适应设计:如何使文本输入和按钮保持父级宽度的100%

来自分类Dev

如何在自适应网页中的图像上对齐文本

来自分类Dev

如何在Windows Phone 8中制作自适应UI?

来自分类Dev

如何使用自动布局调整 UILabel 宽度以适应文本?

来自分类Dev

如何绘制自适应形状

来自分类Dev

如何在特定宽度的任务模块中修复自适应卡的渲染?

来自分类Dev

你如何在 Swift 4 中获得文本长度?

来自分类Dev

如何在Swift中更改UIButton的形状?

来自分类Dev

如何使文本适应容器尺寸?

来自分类Dev

如何使文本适应容器尺寸?

来自分类Dev

如何使用Bootstrap适应div中的文本输入?

来自分类Dev

如何使用Bootstrap适应div中的文本输入?

来自分类Dev

如何在此Flex显示器中的文本中适应此背景

来自分类Dev

如何缩小字体以适应 Android 中视图的内部宽度?

来自分类Dev

如果变量不为零,如何在Swift UI中显示文本视图?

来自分类Dev

如何在Swift中制作日历视图

来自分类Dev

如何在Swift中填充表格视图?

来自分类Dev

如何在 Swift 3 中刷新视图

来自分类Dev

如何在iOS中根据文本长度更改UILabel宽度?

来自分类Dev

如何让NSTextField的宽度适应其内容?

来自分类Dev

如何使flex div的宽度适应内容

来自分类Dev

Swift:视图无法适应编程约束

来自分类Dev

如何在Swift中引用UITextField的文本?

来自分类Dev

如何在Swift中更改UIBarButtonItem的文本

来自分类Dev

Swift:如何在Playground中绘制UI?

Related 相关文章

  1. 1

    如何在Swift中以编程方式调整UIButton中文本的字体大小以适应宽度?

  2. 2

    如何在Swift中以编程方式调整UIButton中文本的字体大小以适应高度?

  3. 3

    如何在Swift中适应Mashape应用程序密钥?

  4. 4

    如何在Swift中适应Mashape应用程序密钥?

  5. 5

    自适应设计:如何使文本输入和按钮保持父级宽度的100%

  6. 6

    如何在自适应网页中的图像上对齐文本

  7. 7

    如何在Windows Phone 8中制作自适应UI?

  8. 8

    如何使用自动布局调整 UILabel 宽度以适应文本?

  9. 9

    如何绘制自适应形状

  10. 10

    如何在特定宽度的任务模块中修复自适应卡的渲染?

  11. 11

    你如何在 Swift 4 中获得文本长度?

  12. 12

    如何在Swift中更改UIButton的形状?

  13. 13

    如何使文本适应容器尺寸?

  14. 14

    如何使文本适应容器尺寸?

  15. 15

    如何使用Bootstrap适应div中的文本输入?

  16. 16

    如何使用Bootstrap适应div中的文本输入?

  17. 17

    如何在此Flex显示器中的文本中适应此背景

  18. 18

    如何缩小字体以适应 Android 中视图的内部宽度?

  19. 19

    如果变量不为零,如何在Swift UI中显示文本视图?

  20. 20

    如何在Swift中制作日历视图

  21. 21

    如何在Swift中填充表格视图?

  22. 22

    如何在 Swift 3 中刷新视图

  23. 23

    如何在iOS中根据文本长度更改UILabel宽度?

  24. 24

    如何让NSTextField的宽度适应其内容?

  25. 25

    如何使flex div的宽度适应内容

  26. 26

    Swift:视图无法适应编程约束

  27. 27

    如何在Swift中引用UITextField的文本?

  28. 28

    如何在Swift中更改UIBarButtonItem的文本

  29. 29

    Swift:如何在Playground中绘制UI?

热门标签

归档