[英]Xamarin.Forms StackLayout into 3 columns
我正在使用Xamarin.Forms的StackLayout
,这是我得到的:
<StackLayout HorizontalOptions="Center" VerticalOptions="CenterAndExpand">
<Entry x:Name="Community" WidthRequest="200" Placeholder="Community" />
<Entry x:Name="Job" WidthRequest="200" Placeholder="Job" />
<Entry x:Name="Model" WidthRequest="200" Placeholder="Model" />
<Entry x:Name="Elevation" WidthRequest="200" Placeholder="Elevation" />
<Entry x:Name="Email" WidthRequest="200" Placeholder="Email" />
<Entry x:Name="C_Email" WidthRequest="200" Placeholder="C_Email" />
<Entry x:Name="Buyer_Salutation" WidthRequest="200" Placeholder="Buyer_Salutation" />
<Entry x:Name="Customer_Name" WidthRequest="200" Placeholder="Customer_Name" />
<Entry x:Name="Customer_LName" WidthRequest="200" Placeholder="Customer_LName" />
<Entry x:Name="C_Buyer_Salutation" WidthRequest="200" Placeholder="C_Buyer_Salutation" />
<Entry x:Name="CoBuyer_Name" WidthRequest="200" Placeholder="CoBuyer_Name" />
<Entry x:Name="CoBuyer_LName" WidthRequest="200" Placeholder="CoBuyer_LName" />
<Entry x:Name="Address1" WidthRequest="200" Placeholder="Address1" />
<Entry x:Name="City" WidthRequest="200" Placeholder="City" />
<Entry x:Name="Province" WidthRequest="200" Placeholder="Province" />
<Entry x:Name="Zip" WidthRequest="200" Placeholder="Zip" />
<Entry x:Name="Phone1Cell" WidthRequest="200" Placeholder="Phone1Cell" />
<Entry x:Name="Phone1Work" WidthRequest="200" Placeholder="Phone1Work" />
<Entry x:Name="Phone2Main" WidthRequest="200" Placeholder="Phone2Main" />
<Entry x:Name="Phone2Cell" WidthRequest="200" Placeholder="Phone2Cell" />
<Entry x:Name="Phone2Work" WidthRequest="200" Placeholder="Phone2Work" />
</StackLayout>
不过,当我运行我的应用程序时,它会在1列中显示我的所有条目,彼此堆叠。
如何获得3 StackLayout
以便我可以将它们分开?
这是一个示例,您可以使用它来分隔没有网格的列。
<StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" VerticalOptions="CenterAndExpand">
<StackLayout Margin="5,0,5,0" HorizontalOptions="FillAndExpand">
<Entry x:Name="Community" WidthRequest="200" Placeholder="Community" />
<Entry x:Name="Job" WidthRequest="200" Placeholder="Job" />
<Entry x:Name="Model" WidthRequest="200" Placeholder="Model" />
<Entry x:Name="Elevation" WidthRequest="200" Placeholder="Elevation" />
<Entry x:Name="Email" WidthRequest="200" Placeholder="Email" />
<Entry x:Name="C_Email" WidthRequest="200" Placeholder="C_Email" />
<Entry x:Name="Buyer_Salutation" WidthRequest="200" Placeholder="Buyer_Salutation" />
</StackLayout>
<StackLayout Margin="5,0,5,0" HorizontalOptions="FillAndExpand">
<Entry x:Name="Customer_Name" WidthRequest="200" Placeholder="Customer_Name" />
<Entry x:Name="Customer_LName" WidthRequest="200" Placeholder="Customer_LName" />
<Entry x:Name="C_Buyer_Salutation" WidthRequest="200" Placeholder="C_Buyer_Salutation" />
<Entry x:Name="CoBuyer_Name" WidthRequest="200" Placeholder="CoBuyer_Name" />
<Entry x:Name="CoBuyer_LName" WidthRequest="200" Placeholder="CoBuyer_LName" />
<Entry x:Name="Address1" WidthRequest="200" Placeholder="Address1" />
<Entry x:Name="City" WidthRequest="200" Placeholder="City" />
<Entry x:Name="Province" WidthRequest="200" Placeholder="Province" />
<Entry x:Name="Zip" WidthRequest="200" Placeholder="Zip" />
</StackLayout>
<StackLayout Margin="5,0,5,0" HorizontalOptions="FillAndExpand">
<Entry x:Name="Phone1Cell" WidthRequest="200" Placeholder="Phone1Cell" />
<Entry x:Name="Phone1Work" WidthRequest="200" Placeholder="Phone1Work" />
<Entry x:Name="Phone2Main" WidthRequest="200" Placeholder="Phone2Main" />
<Entry x:Name="Phone2Cell" WidthRequest="200" Placeholder="Phone2Cell" />
<Entry x:Name="Phone2Work" WidthRequest="200" Placeholder="Phone2Work" />
</StackLayout>
</StackLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.