SwiftUI -按钮内容左对齐
SwiftUI 是苹果公司推出的用于构建跨平台的用户界面的框架。它是一种声明式的编程方式，简化了用户界面的创建和管理。
SwiftUI 中的按钮是一种用户交互的界面元素，用于触发特定的操作或事件。按钮内容左对齐是指按钮上的文本或图像在按钮内部的左侧对齐显示。
优势：
- 简洁易用：SwiftUI 提供了一种直观的方式来创建用户界面，使用简单的语法即可快速实现各种交互效果。
- 跨平台支持：SwiftUI 可以同时在 iOS、macOS、watchOS 和 tvOS 等不同的平台上运行，方便开发者进行多平台的应用开发。
- 即时预览：SwiftUI 支持实时预览，可以在代码编写过程中即时查看界面效果，提高开发效率。
- 自动适应：SwiftUI 自动适应不同设备的屏幕尺寸和方向，可以自动调整布局和界面元素的大小。
应用场景：
- 移动应用开发：SwiftUI 可以用于创建各种移动应用程序，包括游戏、社交媒体应用、工具类应用等。
- 跨平台应用开发：由于 SwiftUI 的跨平台特性，可以在不同平台上重用代码，减少开发工作量。
- 快速原型开发：使用 SwiftUI 可以快速创建应用原型，验证设计和交互想法。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云的相关产品和服务可以提供云计算的支持，包括但不限于：
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云容器服务：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
请注意，以上推荐的产品仅为示例，可能并非完全适用于 SwiftUI 相关开发需求，具体选择需根据实际情况和需求进行评估。
相关·内容
8回答
我正在生成一些按钮。在按钮中，我显示了用户给出的日期和引用id。我希望这些数据在按钮中左对齐。
我尝试过的：
[button.titleLabel setTextAlignment:UITextAlignmentLeft];
button.titleLabel.textAlignment = UITextAlignmentLeft;
但这不管用。
- (void)viewDidLoad
{
[super viewDidLoad];
[scrollView setScrollEnabled:YES];
[scrollView setContentSize:CGSizeMake(320,
浏览 4提问于2013-03-07得票数 12
回答已采纳
1回答
问候，
我正在为Windows 8.1开发一个应用程序，并面临一些ListView的问题。
我想为ListView中的第一个项目放置一个按钮，但似乎我无法对齐中心的按钮。
下面是我目前使用的代码：
<ListView>
<Button Content="Jio!" Height="6" Width="362"/>
<ListViewItem Content="ListViewItem"/>
</ListView>
添加水平对齐=“中心”对按钮不起作用。
我之所以要这样
浏览 2提问于2015-01-24得票数 0
回答已采纳
我使用的是IE 8。
如果你转到，你会发现(carousel)图像下面的文本是右对齐的，而它应该是居中对齐的。
但是，如果您单击left & right按钮来导航旋转木马，文本将居中对齐。
我猜这可能是一些jquery (及其循环插件)的问题。但我不确定。
此外，左按钮和右按钮的对齐不正确。它应该在点的右边。它可以在FF中工作，但不能在IE中工作。
浏览 0提问于2011-03-08得票数 0
我是NS的新手，我有一个项目。我想要一个在ScrollView中浮动的按钮。
<ScrollView>
<StackLayout orientation="vertical">
<AbsoluteLayout >
<Button top="0" left="0" right="0" text="Test" style="font-size: 10; margin:5; " />
浏览 5提问于2015-10-23得票数 1
2回答
让UIButton的图像边缘插图左对齐而标题完全居中的好方法是什么？如下所示：
图像将有一个恒定的左侧插图，但标题将始终在整个按钮中居中。我找到的大多数解决方案都可以追溯到4或5年前，它们是基于手动计算图像的必要插图，同时保持标题的中心对齐。
真的还没有简单的方法做到这一点吗？
浏览 4提问于2016-05-09得票数 3
1回答
我有一个有两个文本字段的表单，它们以'vbox‘格式对齐，并以’拉伸‘对齐。我现在想添加一个保存按钮，它应该在表单的中间对齐。如何将此按钮定义为在中间对齐，就像在通常的警报中一样，OK按钮位于警报框的中间。
如果没有CSSS就能做到，那就更好了。
浏览 2提问于2015-06-01得票数 0
回答已采纳
当前是否可以在DatePicker 2.0中更改SwiftUI的文本对齐方式？
DatePicker(selection: $birthDate, in: ...Date().stripTime(), displayedComponents: .date) {
Text("Birthday")
}
这显示了左边的生日文本和旁边的日期选择器文本，但是我希望它在右边。
浏览 5提问于2020-07-02得票数 2
回答已采纳
所以这是个奇怪的问题，看上去像个窃听器。当放置在按钮内时，不能在一条线上放错对齐的标题。它应该与左边对齐，但显示为居中。
最新消息，XCode 13.2.1
MRE在下面，任何提示都非常感谢！
HStack {
HStack{
Image(systemName: "square.and.pencil")
.resizable()
.scaledToFit()
.frame(width: 20, height: 20)
Text("Some kind of title") // <- aligned
浏览 5提问于2022-01-12得票数 0
回答已采纳
3回答
我有两列，其中一列向左浮动，另一列向右浮动。
右边有输入按钮。
由于某种原因，按钮在列的中间，我希望它们垂直对齐，一直到顶部和右边。
我该怎么做？只是玩填充物吗？
<div id="blah">
<div id="left">
<ul><li></li></ul>
</div>
<div id="right"><input type=image src="" /> <input type=image s
浏览 1提问于2010-03-25得票数 0
回答已采纳
我想在另一个按钮的角上显示垫-迷你-fab按钮，就像matBadge风格一样。
示例：
我之所以不简单地使用matBadge是因为我希望它是可点击的。
就像个扣子。
如果有一种使matBadge可单击并使用(click)属性运行函数的方法--这也是一个很好的选择。
浏览 0提问于2020-09-06得票数 0
回答已采纳
1回答
我的回应主页上有个问题。当页面的宽度小于1024 is时，我希望这两个内容小部件在彼此下面并水平对齐。我定义了它们的宽度，并试图用margin: 0 auto对它们进行居中，但是它们停留在左边。
这是链接：
这是我的HTML：
<div class="home-left">
<h1 class="widgettitle">Title</h1>
<p>Text</p>
<div class="homebuttonbox"><a class="
浏览 5提问于2013-12-20得票数 0
回答已采纳
2回答
使用此布局：
在右上角，我希望绿色按钮与右侧的H1标记位于相同的行上，这样每个新的列表项都位于下一次的旁边。
我认为这可能与：
display:block
我一直没能让它发挥作用，我不知道这是否是正确的方法。
浏览 2提问于2014-01-30得票数 0
回答已采纳
1回答
我正在尝试创建一个100%宽度的工具栏。此工具栏需要具有可变数量的按钮与左侧对齐，以及可变数量的按钮与右侧对齐。这是最简单的部分。
但现在我想在中间放置一个jQuery UI滑块，它占据了左侧按钮和右侧按钮之间的全部剩余空间。我很难找出一种纯CSS的方式来做这件事。
我试过下面这样的东西，但我真的不想有固定的百分比宽度。如果左边只有一个按钮，右边只有一个按钮，那么我希望居中的滑块占据它们之间的整个空间，而不仅仅是全宽度的33%。
.toolbar {width: 100%;}
.toolbar .toolbar-left {float: left;width: 33%;}
.toolbar .
浏览 1提问于2010-04-22得票数 1
回答已采纳
我想知道我们是否可以使用Alignment 2的代码块更改标签的文本对齐方式。我想做一个按钮来选择标签或按钮的文本对齐位置。
浏览 0提问于2015-10-26得票数 1
回答已采纳
1回答
我试图在引导分页中包含一个下拉列表。
下拉列表没有正确地对齐。
在下一个& Prev按钮之间有一个缺口。
怎么能修好呢。
HTML:
<ul class="pagination custom-pagination">
<li><a href="#">First</a></li>
<li><a href="#">Prev</a></li>
<li>
<sele
浏览 4提问于2015-07-03得票数 2
假设我有三个按钮 <div class='button-wrap>
<a class='button'>First Button</a>
<a class='button'>Second Button</a>
<a class='button'>Third Button</a>
</div> 左对齐第一个，右对齐后两个最好的方法是什么？最好不使用浮动。 我曾尝试将第二个按钮包装在单独的div中，并使用text-align:right，但
浏览 25提问于2016-07-21得票数 1
回答已采纳
1回答
我使用以下代码生成Wordpress中的菜单：
$defaults_topmenu = array(
'theme_location' => '',
'menu' => 'Top Menu',
'container' => 'div',
'container_class' => '',
'container_id' => ''
浏览 4提问于2014-10-13得票数 0
回答已采纳
1回答
超完美下拉位置
、、、、
有没有人知道超级鱼类的下拉UL是否有可能有不同的位置？我有一个水平导航栏，在左边我希望下拉菜单对齐到按钮的左边，在右边我想让他们对齐到按钮的右边。
浏览 0提问于2009-11-06得票数 2
回答已采纳
2回答
我想创建的用户界面，其中包含图像按钮，文本框和底部的按钮。标题和标签在屏幕的顶部，每当用户键入并单击按钮时，我希望以矩形显示输入的文本，并带有一些彩色背景，如浮动的气泡。当用户输入另一个文本，然后再次我必须更新屏幕与另一个矩形与时间戳在矩形顶部的另一种颜色的输入文本。因此，如果在左侧插入第一个矩形，则应该在右侧显示另一个矩形。我的问题是，我应该使用哪种布局，以及如何绘制矩形和设置背景颜色？矩形应该像在MSword矩形标注中一样有箭头。另外，我想添加滚动条。
谢谢和问候，Devyani
浏览 0提问于2011-04-05得票数 0
假设我有多个按钮垂直和水平对齐，如屏幕截图所示。在相同的距离上有三排。在第一行和第三行，将有两个高度和宽度相等的按钮，第二行将有水平对齐的按钮。我在故事板中设置了按钮、图像和文本。控件对齐被设置为Button(查看事务处理)的水平vertical.Constraints：top space, bottom space equals to:8(New Launches Button) leading and trailing space equals to:8(superview) and 8(Place Request Button) respectively, and equal width
浏览 2提问于2016-01-13得票数 0
回答已采纳
4回答
我正在动态地创建大约50个按钮。
文本设置如下：
btn.Text=result.Rows[i]["Col1"].ToString()+"\n"+result.Rows[i]["Col2"].ToString()
+"\n"+result.Rows[i]["Col3"].ToString();
其中result是DataTable & btn是按钮的对象。
现在的问题是有些按钮没有得到适当的显示。
关于下面的截图，
在img1中-在第一行之后显示一个不必要的空白行。
在img2中，文本不是对齐的。
在img
浏览 6提问于2012-04-06得票数 1
回答已采纳
1回答
我正在做自定义布局。但我想看起来像屏幕上的按钮，图像，文本。
查看 .I想要在左侧添加一个按钮。有人能帮我吗？
我的代码是：
RelativeLayout.LayoutParams lp1=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
addView(pic,lp1);
RelativeLayout.LayoutParams lp2=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutPara
浏览 0提问于2011-12-13得票数 0
回答已采纳
2回答
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6"><div class="text-center"><a class="btn btn-default btn-lg" href="#" role="button">Sell</a></div></div>
浏览 1提问于2015-07-26得票数 0
回答已采纳
1回答
我有一个文本，它分成两行，其中有一个伪元素：：。当断线为两行时，文本不会对齐，因为它与第一行中的伪元素对齐。知道如何使文本对齐吗？
浏览 0提问于2016-02-13得票数 0
回答已采纳
1回答
最近，我在我的一个WordPress网站上更新了终极块插件，在更新之后，我使用的所有按钮都会自动地左对齐。
我想对齐所有的按钮中心，但问题是，我必须手动编辑所有的帖子，这将需要很多时间。有什么办法一次做到吗？
问题截图：
发布页面：
几乎所有在更新之前发布的文章都有相同的问题。新的没问题。
浏览 5提问于2021-02-19得票数 0
回答已采纳
2回答
我希望红色按钮朝着第二个按钮的领先位置动画化：
一些例子显示了如何用数字改变“常量”，但我想自动放在第二个按钮的领头位置。
我尝试过这样做，但是红色按钮没有移动，动画日志被正确调用：
- (void)updateConstr{
NSLayoutConstraint *newLeading = [NSLayoutConstraint
constraintWithItem:self.redB
浏览 4提问于2014-12-21得票数 0
回答已采纳
3回答
我试图将自定义HStack行包含在SwiftUI Form中，如下所示：
var body: some View {
Form {
TextField("Text", text: .constant("test"))
Toggle("Toggle", isOn: .constant(true))
.toggleStyle(SwitchToggleStyle())
HStack {
Text("Label")
浏览 53提问于2022-10-04得票数 1
回答已采纳
1回答
我试图创建一个响应的两列行(在一个表中)使用媒体查询的电子邮件。左列当前对齐左列，右列当前对齐中心.我希望左边的列在移动设备上是中心，而右边的列保持在对齐的中心状态。右列将启动一个新行。
下面是我代码的一部分：
`<style>
@media only screen and (max-width: 40em) {
.deviceWidth {width:100%!important;float:center!important;}
table, thead, tbody, tfoot, th, td, tr {display:block!im
浏览 6提问于2015-01-20得票数 1
回答已采纳
这是我的页面：
蓝色按钮在Google Chrome中居中显示，但在Safari和Firefox中，它漂浮在左侧。
我使用的是最新版本的浏览器。
我的css代码是：
.messi .btn {
background-image: url(submit.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -1px -490px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color: white;
f
浏览 1提问于2013-03-14得票数 0
回答已采纳
我有一个可以用作按钮的div，但它不想在较大的div中居中！
这是我为更大的div提供的CSS：
.news-quarters{
width:189px;
height:300px;
position:relative;
float:left;
padding:10px;
padding-top:0px;
margin:10px;
text-align:left;
}
对于按钮div：
.green-button{
width:auto;
height:auto;
position: relative;
浏览 3提问于2014-10-02得票数 0
回答已采纳
1回答
in SwiftUI的目的是什么？我不明白这和普通的“隐性”指南有什么不同。文件说：
返回此视图中给定对齐指南的显式值，如果不存在该值，则返回nil。
从中，我可以看到显式指南是我使用
public func alignmentGuide(_ g: HorizontalAlignment, computeValue: @escaping (ViewDimensions) -> CGFloat) -> some View
方法。但是，我不明白如何使用这个值对齐来自外部范围的视图。
是否有一个例子可以看出这种“显式”调整指南在实践中是如何工作的？
浏览 1提问于2020-04-13得票数 4
回答已采纳
我在DialogActions like so.中有两个按钮 我拥有的JSX如下所示： <DialogActions classes={{ root: classes.dialogActionsLeft }}>
<Button
autoFocus
onClick={() => {
setOpen(false);
}}
>
Cancel
</Button>
<Button
onClick={() => {
setOpen(false);
naviga
浏览 10提问于2020-11-19得票数 0
回答已采纳
我想在我的.bottomBar中的.toolbar中添加一个“撰写”按钮。
添加一个Spacer()几乎是中心对齐项：
struct HomeView: View {
var body: some View {
NavigationView {
Text("Hello, World!")
.navigationTitle("Hello, World!")
.toolbar {
ToolbarItem(placem
浏览 2提问于2020-08-16得票数 8
我有一个有四个单选按钮的RadioGroup，我让它们使用4的权重和在屏幕上均匀地间隔它们。这很有效，但结果是图形是左对齐的，而不是在每个单选按钮的中心。有没有办法将图形移到中心位置？我试过重心，但没有效果。
谢谢
浏览 0提问于2011-10-27得票数 2
回答已采纳
关于如何左对齐Jquery datatable分页按钮有什么想法吗？默认情况下，顶部按钮居中对齐，底部按钮右对齐。有什么想法吗？
浏览 2提问于2012-06-27得票数 4
在CKEditor中，当我选择文本并通过单击工具栏中的按钮将它的对齐设置为“中心”时，它会出现在它的中间，但是当我检查它的源时，没有对齐文本。
浏览 0提问于2018-06-14得票数 0
1回答
有没有人找到一种方法来对齐Text中的字符串？
在我的阅读应用程序中，我想让用户选择对齐，其中.leading和.trailing对齐都是真的。不幸的是，Text的.multilineTextAlignment修饰符只有三个选项：.leading、.center和.trailing。
如果没有，我仍然可以将UILabel封装到UIViewRepresentable中，因为UILabel有.justified对齐选项，但我认为Text中也应该有它，但我找不到它。
浏览 48提问于2020-02-07得票数 5
1回答
我想在手表应用程序中制作这样的UI ? 但是信息按钮的文本对齐方式不正确。见下图:已尝试使用文本"i“和系统映像”info“，仍然存在相同的问题 ? 这是我的代码： VStack {
TextField("User Name", text: $userName)
.textContentType(.username)
.multilineTextAlignment(.center)
SecureField("Passw
浏览 19提问于2020-09-11得票数 1
回答已采纳
3回答
最近我在SwiftUI中构建了一个应用程序，今天我注意到VStack对齐有一些奇怪的行为。无论我使用的对齐方式，视图都不是在中心之外对齐。见下文：
VStack(alignment: .trailing, spacing: 0) {
Text("Hello, World!")
}
VStack(alignment: .center, spacing: 0) {
Text("Hello, World!")
}
它在预览和模拟器中都是这样做的，我试图将我的文本与屏幕的右边对齐。
完整法典：
import SwiftUI
stru
浏览 6提问于2020-07-08得票数 3
回答已采纳
在我的布局中有三个按钮，并且想要设置按钮背景的PNG图像，但是，这些按钮彼此之间有一点重叠。我想知道如何在我的布局中排列按钮。在这种情况下，哪种布局更适合我。你可以看到下面的布局图像，我想要开发。请在这方面帮助我，我们将非常感谢您的帮助。
浏览 4提问于2013-03-21得票数 0
回答已采纳
5回答
我想用CSS左对齐一个表格，就像标准超文本标记语言中的align=left一样，但我知道这不是一个好的形式。有没有办法做到这一点？如果没有，有没有办法在不使用表格的情况下格式化内容旁边的左对齐的链接列表？
浏览 0提问于2009-07-16得票数 11
回答已采纳
1回答
据我所知，在TToolButton中没有适当可用的文本对齐方式，比如Layout属性用于TSpeedButton。是否有一种方法可以以某种方式对齐右边的文本(相当于blGlyphLeft属性中的TSpeedButton的Layout值)？
我已经有了一个专门的功能来添加按钮- AddButtonToToolBar()有明显的目的。有没有办法添加一些东西来对齐按钮文本？
浏览 4提问于2013-08-26得票数 1
回答已采纳
2回答
使用Swiftui，我正在创建一个聊天应用程序。我试图使文本对齐，使其出现在屏幕的右侧，然后来自其他用户的消息将出现在左侧。我尝试过使用VStack和使用前导和尾随对齐，我也尝试过只对齐文本属性。我有一条短信然后有两个按钮。我希望垃圾桶按钮和铅笔按钮都均匀地排在右边。
VStack (alignment: .trailing ) {
HStack {
Text(data.text)
.padding(.bottom, 4)
浏览 21提问于2022-03-31得票数 1
回答已采纳
我正在尝试在ScrollView中对齐一些内容。我想让这个内容的一部分居中，另一部分对齐到我的屏幕的领导。我不明白为什么我下面的代码不能工作，我的内容似乎是居中的，没有占据整个宽度。我确实试过设置宽度，但都不起作用。你知道如何让我的Text("center")居中，让我的hello's列表在左边吗？
下面是我当前的代码：
struct ReportView: View {
var body: some View {
NavigationView {
ScrollView(.vertical) {
浏览 0提问于2020-10-26得票数 0
到目前为止，我在对话框中对齐按钮的方法是创建一个TableLayoutPanel并向每个列添加一个按钮，然后手动设置列大小，使按钮适合。中间有一列空行，宽度灵活。
这肯定不是正确的解决办法。如何在设计师中正确地做到这一点？
浏览 3提问于2018-05-06得票数 2
回答已采纳
{0，-12}是我好奇的部分..
我正在看这个例子
Console.WriteLine("{0,-12} {1}", sqlReader.GetName(0),
sqlReader.GetName(1));
干杯:)
浏览 0提问于2010-04-13得票数 6
回答已采纳
2回答
我试图将一个按钮对齐到右边，而另一些文本则放在与左边对齐的同一行中：
<h1 style="display:inline; text-align:left">
<span>somevalue</span>
</h1>
<input type="submit" value="somevalue" style="vertical-align:top; text-align: right"/>
结果:垂直对齐发生。与右边对齐的情况并非如此。有人知道为什么吗？或者解决办法？
浏览 3提问于2012-02-28得票数 0
回答已采纳
1回答
我正在使用Interface Builder布局一个计算器，我遇到了一些关于按钮布局的问题。
我可以看得很清楚，但我真的更喜欢一切都完美地对齐。有没有办法在像这样的两个UI对象之间居中显示一个按钮？以下是布局的图片：
浏览 0提问于2013-01-06得票数 4
回答已采纳
13回答
在Text视图的许多属性中，我找不到任何与文本对齐相关的属性。我在一个演示中看到，它会自动处理RTL，当使用视图的body放置东西时，它总是自动对齐。
是否有关于SwiftUI中布局系统的概念，如果没有，如何将文本对齐属性设置为Text
浏览 1提问于2019-06-04得票数 262
回答已采纳
假设你想在一个水平方向的布局中有一个TextView和一个按钮。你能让TextView左对齐，按钮右对齐吗？
---------------------
TextView Button
---------------------
浏览 3提问于2010-06-20得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
