- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想输出 3 个控件,一个 Label、一个 ImageButton 和另一个 Label,并且第一个 Label 位于布局的左侧,ImageButton 和第二个标签位于右侧,但始终组合在一起。我尝试了多种方法来执行此操作,但没有一种方法可以保持标签和图像按钮/标签的左/右方向。在我的一次尝试中,我做了以下事情:
<StackLayout>
<!-- Header -->
<headersAndFooters:MainHeaderSmall ConfigName="IdCard"/>
<!-- Body -->
<ScrollView>
<StackLayout Margin="-10, 0, -10, 0" HeightRequest="614" >
<!-- -->
<Label LineHeight="19"
Margin="24, 21, 0, 0"
Text="ID Card for 2019 Jeep Wrangler"
FontFamily="{StaticResource HBold}"
FontSize="{StaticResource Font16}"
TextColor="{StaticResource NGIC_DarkGray}"/>
<FlexLayout x:Name="Problem" Direction="Row"
Margin="24, 4, 0, 0">
<Label LineHeight="18"
Text="Back Side"
FontFamily="{StaticResource HNRegular}"
FontSize="{StaticResource Font14}"
TextColor="{StaticResource NGIC_GrayishBlue}"/>
<StackLayout Orientation="Horizontal">
<ImageButton Margin="200, 0, 0, 0" BackgroundColor="Transparent"
WidthRequest="11"
HeightRequest="11"
Aspect="AspectFit"
HorizontalOptions="Start"
VerticalOptions="Center">
<ImageButton.Source>
<FontImageSource
FontFamily="FAProSolid"
Glyph="{x:Static local:IconFontsFAProRegular.Sync}"
Size="{StaticResource Font11}"
Color="{StaticResource NGIC_Red}" />
</ImageButton.Source>
</ImageButton>
<Label Margin="3, 0,0,0"
Text="See Front"
LineHeight="16"
HorizontalTextAlignment="End"
TextDecorations="Underline"
FontFamily="{StaticResource HNRegular}"
FontSize="{StaticResource Font13}"
TextColor="{StaticResource NGIC_Red}"/>
</StackLayout>
</FlexLayout>
</StackLayout>
</ScrollView>
</StackLayout>
此布局的输出在较低的设备分辨率下看起来不错,但 ImageButton 和右侧标签不在右侧的末尾。
在更宽的设备上,图像按钮/标签甚至不会接近布局的最右侧。
我还尝试在 StackLayout 内部使用网格(名为“Problem”的网格),但这也不起作用。右侧图像按钮/标签在更高分辨率下不会保持在布局的右侧。
更新:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="18*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="251*" />
<ColumnDefinition Width="73*" />
</Grid.ColumnDefinitions>
<Label Grid.Row="0"
Grid.Column="0"
LineHeight="18"
Text="Back Side"
FontFamily="{StaticResource HNRegular}"
FontSize="{StaticResource Font14}"
TextColor="{StaticResource NGIC_GrayishBlue}"/>
<ImageButton Grid.Row="0" Grid.Column="1" BackgroundColor="Transparent"
WidthRequest="11"
HeightRequest="11"
Aspect="AspectFit"
HorizontalOptions="Start"
VerticalOptions="Center">
<ImageButton.Source>
<FontImageSource
FontFamily="FAProSolid"
Glyph="{x:Static local:IconFontsFAProRegular.Sync}"
Size="{StaticResource Font11}"
Color="{StaticResource NGIC_Red}" />
</ImageButton.Source>
</ImageButton>
<Label Grid.Row="0" Grid.Column="1" Margin="3, 0,0,0"
Text="See Front"
LineHeight="16"
HorizontalTextAlignment="End"
TextDecorations="Underline"
FontFamily="{StaticResource HNRegular}"
FontSize="{StaticResource Font13}"
TextColor="{StaticResource NGIC_Red}"/>
</Grid>
最佳答案
这是一个简单的示例,可以实现您想要的功能。调试布局时,在不同层上设置背景颜色非常有帮助,这样您就可以直观地看到每个元素在其父元素中的布局方式
<ContentPage BackgroundColor="Blue" xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:d="http://xamarin.com/schemas/2014/forms/design" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="LayoutTest.MainPage">
<Grid Padding="10,50,10,10" BackgroundColor="Green">
<Grid.RowDefinitions>
<RowDefinition Height="200" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50*" />
<ColumnDefinition Width="50*" />
</Grid.ColumnDefinitions>
<Label BackgroundColor="Yellow" Grid.Row="0" Grid.Column="0" Text="Left Align" />
<StackLayout BackgroundColor="Orange" Grid.Row="0" Grid.Column="1">
<Label BackgroundColor="Purple" HorizontalOptions="End" Text="Right Align" />
<Button BackgroundColor="Red" HorizontalOptions="End" Text="Right Align" />
</StackLayout>
</Grid>
</ContentPage>
要将它们垂直对齐,请尝试此操作
<Label BackgroundColor="Yellow" VerticalOptions="Center" Grid.Row="0" Grid.Column="0" Text="Left Align" />
<StackLayout Orientation="Horizontal" VerticalOptions="Center" HorizontalOptions="End" BackgroundColor="Orange" Grid.Row="0" Grid.Column="1">
<Label BackgroundColor="Purple" VerticalOptions="Center" Text="Right Align" />
<Button BackgroundColor="Red" VerticalOptions="Center" Text="Right Align" />
</StackLayout>
关于xamarin.forms - 如何在 Xamarin Forms 中水平展开标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62612524/
我已经从github https://github.com/xamarin/xamarin-forms-samples下载了Xamarin.Form示例项目 打开任何示例项目后,它不允许我在iOS S
我收到此错误: "MyApp\App.cs(7,7): Error CS0246: The type or namespace name 'Xamarin' could not be found (a
我想知道 Xamarin 是否带有 Mono 运行时及其所有应用程序包。在这种情况下,如果两个基于 Xamarin 的应用程序安装在一个设备上,该设备将拥有两个 Mono 运行时权利。这是 Xamar
如何将库导入 Xamarin? 例如,我将如何导入 json.net为我的项目使用 xamarin? 谢谢 最佳答案 Json.NET可免费获得精美包装 Xamarin-compatible Comp
我不知道如何在输入框中置顶占位符文本。 我有一个很大的输入框,想把占位符文本放在顶部。 最佳答案 您需要为每个平台创建一个自定义渲染器以对齐占位符,如下所示: public class Placeh
我很难找到有关Xamarin.Forms的后台任务支持的文档。 Xamarin.Forms是否提供对定期后台任务的支持? 我需要为Windows Phone 10和Android都实现此功能。 最佳答
Xamarin.iOS中是否提供iOS Picker?我进行了详尽的搜索,但是没有示例,也没有信息可查。但是,它在Xamarin.Form中可用。 最佳答案 UIPickerView的真实示例示例:(
有谁知道是否可以使用 Xamarin.Forms 创建CardView样式(可滚动)列表?我们需要它在iOS和Android上将呈现为相同的。还需要调整阴影等属性(略微提高每张卡) 最佳答案 这是一个
所以,我对 Xamarin 有点陌生,我试图弄清楚如何显示一个包含用户文本输入字段的弹出窗口。 DisplayAlert 不这样做,因为它没有文本输入字段。我应该使用什么? 最佳答案 您可以使用 Di
我有一个运行良好的表单应用程序,但我注意到当页面出现时,背景颜色在几分之一秒内设置不正确。 我有这个代码用于我的 OnAppearing protected override async vo
您好,我正在开发一个具有登录功能的应用程序,它可以选择让您保持登录状态,即使您关闭该应用程序也是如此。 问题是什么?这就是我在 App.cs 中所做的: var statusLog = Appli
由于BackgroundImage是一个字符串,您应该如何设置Page的背景图像?我将不胜感激任何建议。 到目前为止,我已经尝试过: MainPage = new ContentPage {
如何使用 Renderer 在 Xamarin Forms 中使用渐变效果创建此按钮? 最佳答案 在 xamarin 中,您不能将渐变颜色添加为内置功能。您必须创建不同的渲染功能。这个 link 将指
背景:我正在处理一个 C# 项目。过去,当我做 System.Console.WriteLine("Hello"); 我会看到一个弹出控制台打印“你好”。控制台今天消失了,我该怎么做才能让它再次出现?
我们每天都在使用 Xamarin 和 Xamarin Forms,并且经常遇到异常而没有任何关于如何调试的有用信息。 有时它是我们的目标,有时是 Xamarin 中的错误,尤其是 Xamarin Fo
我正在使用 xamarin studio(带有 nuget 包管理插件),并且在我的项目中有一些 nuget 包。 项目上下文菜单中有“管理”和“恢复 nuget 包”,但也有控制台吗? 最佳答案 X
我有一个 CustomCalendar 元素,它是通过扩展 ContentView 并在另一个 ContentPage 中使用此自定义 View 而创建的。我尝试使用非聚焦事件来检测外部点击。但是问题
因此,对于整个MVVM,我还是一个新手。我几乎了解它的基本知识。我有一个可以按原样工作的示例,但是我试图将其更改为MVVM样式。我只是尝试不同的例子,所以我可以学习。 (LoginPage.xaml)
我正在尝试使我的Xamarin项目在Prism和DryIoc中使用MVVM。 我主要想使用自动注册,如下所示: [AutoRegisterForNavigation] ... protected ov
我有一个问题,如何在 Forms Xamarin 中制作模态屏幕,如附加的图像。 我想知道你们是否可以向我发送一段代码或示例以了解如何做到这一点。 https://extravios.com.br/c
我是一名优秀的程序员,十分优秀!