[英]What is the C# equivalent of this XAML code binding XML elements to a DataGrid?
[英]What is the XAML equivalent of this Android XML
我想将Android登录名转换为XAML,但是按钮方向有问题。 现在是垂直的,但必须是水平的。 有人可以给我很好的建议吗?
XAMl代码:
<?xml version="1.0" encoding="UTF-8"?>
<local:LoginPageXaml xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Shared.LoginPage"
BackgroundColor="{StaticResource grayLight}"
xmlns:local="clr-namespace:Shared;assembly=Shared">
<local:LoginPageXaml.Content>
<StackLayout VerticalOptions="Center" Padding="30">
<Grid HorizontalOptions="Center">
<Image Source="logo" Grid.Row="0" Grid.Column="0" />
<Button x:Name="forgetPasswordButton" Text="Forget Password" Grid.Row="0" Grid.Column="1" />
<Button x:Name="registerButton" Text="Register" Grid.Row="0" Grid.Column="1" />
</Grid>
<Entry StyleId="UserId" Text="{Binding Path=Username}" Placeholder="Username" />
<Entry StyleId="PasswordId" Text="{Binding Path=Password}" Placeholder="Password" IsPassword="true" />
<Button x:Name="loginButton"
StyleId="loginButton"
Grid.Row="5"
BackgroundColor="#F44336"
BorderRadius="0"
TextColor="White"
Text="Login to Us"
Command="{Binding LoginCommand}" />
<Button x:Name="loginButtonTwitter"
StyleId="loginButtonTwitter"
Grid.Row="5"
BackgroundColor="#F44336"
BorderRadius="0"
TextColor="White"
Text="Twitter"
Image="icon_twitter.png"
Command="{Binding LoginCommandTwitter}" />
<Button x:Name="loginButtonFacebook"
StyleId="loginButtonFacebook"
Grid.Row="5"
BackgroundColor="#F44336"
BorderRadius="0"
TextColor="White"
Text="Facebook"
Image="icon_facebook.png"
Command="{Binding loginButtonFacebook}" />
<Button x:Name="loginButtonGoogle"
StyleId="loginButtonGoogle"
Grid.Row="5"
BackgroundColor="#F44336"
BorderRadius="0"
TextColor="White"
Text="Google"
Image="icon_google.png"
Command="{Binding loginButtonGoogle}" />
<Button x:Name="loginButtonGooglePlus"
StyleId="loginButtonGooglePlus"
Grid.Row="5"
BackgroundColor="#F44336"
BorderRadius="0"
TextColor="White"
Text="GooglePlus"
Image="icon_google_plus.png"
Command="{Binding loginButtonGooglePlus}" />
</StackLayout>
</local:LoginPageXaml.Content>
</local:LoginPageXaml>
现在看起来是这样的:
但必须看起来像这样:
您可以将最后四个Button放在StackPanel
,并将Orientation设置为Horizontal
使用此XAML。但是您需要修改一些内容,例如按钮图像..
<Grid x:Name="LayoutRoot" Background="#FF213A5F">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.RowSpan="2" Margin="24,0" VerticalAlignment="Center">
<TextBlock TextWrapping="Wrap" Text="Sample application" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="26.667" Foreground="Black"/>
<TextBox Height="72" TextWrapping="Wrap" Text="TextBox"/>
<TextBox Height="72" TextWrapping="Wrap" Text="TextBox"/>
<Button Content="Login" Background="#FF00D88A" BorderBrush="#FF00D88A"/>
<Grid Height="83">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button Content="f" Background="#FF0081B2" BorderBrush="#FF0081B2"/>
<Button Content="g+" Grid.Column="1" BorderBrush="#FF0081B2" Background="#FF0081B2"/>
<Button Content="w" Grid.Column="2" Background="#FF0081B2" BorderBrush="#FF0081B2"/>
<Button Content="o" Grid.Column="3" BorderBrush="#FF0081B2" Background="#FF0081B2"/>
</Grid>
<HyperlinkButton Content="Don't have account"/>
</StackPanel>
</Grid>
另外请注意,它是Windows Phone xaml,您需要将textblock更改为Entry并进行其他小的更改。 但是布局是相同的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.