如何在Swift UI中证明文本的合理性



我是Swift UI的新手。我一直在使用故事板。我被困在swiftUI的一个地方。请你们中的一个人解释一下如何在swiftUI中证明文本的合理性?我提到了一些链接,但它们并没有多大帮助。

SwiftUI:调整文本

请帮忙!我被这个卡住了

关于swift,需要记住的一件重要事情是,视图通常排列在堆栈中,主要是V和H堆栈。您可以使用这些堆栈随意移动文本。现在,您可能会遇到的一个常见问题是堆栈没有您预期的那么宽,您可以使用minimumFontScale等修饰符来修复它。为了便于解释,我将向您展示根据需要对齐文本的常见结构。

水平对齐,视图中心

VStack {
Spacer() // Disable for Top Left/Right
HStack {
Spacer() //Disable for Left Align
Text("Test")
Spacer() //Disable for Right Align
}
Spacer() // Disable for Bottom Left/Right
}

请注意,VStack有两个间隔符来居中嵌套的HStack。然后HStack具有间隔物,以对准视图的左侧或右侧。

垂直对齐,视图中心

HStack {
Spacer() //Disable for Left, Top/Bottom
VStack {
Spacer() //Disable for Top Align
Text("Test")
Spacer() //Disable for Bottom Align
}
Spacer() //Disable for Right, Top/Bottom
}

这个将文本放在中间,并允许您上下移动它。你应该能够观察这些结构,并了解如何操纵它来移动你的视图。

操纵对齐的其他方法

VStack(alignment: .leading) {} //Leading and Trailing alignments.
HStack(alignment: .top) {} //Top and Bottom alignments.
//A Modifier directly on the view, where you could get the width
//and height from anything you want. Alignments could be.
//  .leading, .trailing, .bottom, .top, .topleading, .topTrailing
//  .bottomLeading, .bottomTrailing
Text("YourText").frame(width: 300, height: 300, alignment: .topLeading)

使用这些类型的修饰符可以设置视图,使其比上述解决方案更干净,并且在处理可能具有组/节的复杂UI时变得特别有用。嵌套堆栈可以将其修饰符添加到其父堆栈修饰符中。为您找到解决方案的最佳方式可能与其他用户界面不同。使用各种不同的方式修改路线。随着时间的推移,它会自然而然地到来,我想在一周左右

尖端

文本视图只占用堆栈中所需的空间。堆叠将仅与该轴上的最大元素一样宽或一样高。例如,VStack内部的Text("A")Text("ABCDEFG")将具有第二个的宽度和两者的高度。在处理视图时,你应该记住这一点。使用GeometryReader.frame(...)修饰符可以将堆栈设置为不同的宽度/高度。我将省略这些答案。

最新更新