堆栈内存溢出
  简体   繁体   English

xaml对齐xamarin形式的问题

[英]issue with xaml alignment xamarin forms

 原文  2017-11-13 06:09:33  9   1    xaml/ xamarin.forms

问题描述

I am working on Xamarin form cross app. 我正在开发Xamarin表单跨应用程序。 I am using Navigation drawer where I need to show items/subitems . 我在需要显示项目/子项目的地方使用导航抽屉。 Single are showing properly but issue is with items and subitem.. in that case.. text is showing vertically. 单个显示正确，但问题在于项目和子项。在这种情况下，文本垂直显示。

This is screen shot of current code 这是当前代码的屏幕截图 在此处输入图片说明

Now you can see that text are appearing vertically and same for sub menu items.. I actually want to show like below 现在您可以看到文本垂直显示，并且与子菜单项相同。.我实际上想显示如下

在此处输入图片说明

My xaml is as below 我的xaml如下 

<MasterDetailPage.Master>
    <ContentPage Title="Menu" BackgroundColor="{StaticResource WhiteColor}">
        <ScrollView>
        <StackLayout Orientation="Vertical">

            <!-- 
         This StackLayout you can use for other
         data that you want to have in your menu drawer
    -->
            <StackLayout BackgroundColor="{StaticResource BlueColor}"
                         HeightRequest="75">

                <Label Text="Menu"
                       FontSize="20"
                       VerticalOptions="CenterAndExpand"
                       TextColor="White"
                       HorizontalOptions="Center"/>
            </StackLayout>

                <StackLayout>

                    <!--DashBoard-->

                <StackLayout VerticalOptions="CenterAndExpand"
                             Orientation="Horizontal"
                             Padding="20,10,0,0"
                             Spacing="20">

                    <Image Source="dashbaordmenuicon.png"
                           WidthRequest="30"
                           HeightRequest="30"
                           VerticalOptions="Center" />

                    <Label Text="Dashboards"
                           FontSize="18"
                           VerticalOptions="Center"
                           FontFamily="ProximaNova"
                           TextColor="#637188"/>


                    <StackLayout VerticalOptions="CenterAndExpand"
                                 Orientation="Horizontal"
                                 Padding="30,5,0,10"
                                 Spacing="20">

                        <Image Source="summarymenuicon.png"
                               WidthRequest="30"
                               HeightRequest="30"
                               VerticalOptions="Center" />

                        <Label Text="Summary"
                               FontSize="15"
                               VerticalOptions="Center"
                               FontFamily="ProximaNova"
                               TextColor="#98a4b4"/>
                    </StackLayout>

                    <StackLayout VerticalOptions="CenterAndExpand"
                                 Orientation="Horizontal"
                                 Padding="30,5,0,10"
                                 Spacing="20">

                        <Image Source="spendinghistoryicon.png"
                               WidthRequest="30"
                               HeightRequest="30"
                               VerticalOptions="Center" />

                        <Label Text="pending History"
                               FontSize="18"
                               VerticalOptions="Center"
                               FontFamily="ProximaNova"
                               TextColor="#98a4b4"/>
                    </StackLayout>


                </StackLayout>
                </StackLayout>
                <!--Dreams-->

                <StackLayout VerticalOptions="FillAndExpand"
                             Orientation="Horizontal"
                             Padding="20,10,0,0"
                             Spacing="20">

                    <Image Source="dreamsicon.png"
                           WidthRequest="30"
                           HeightRequest="30"
                           VerticalOptions="Center" />

                    <Label Text="Dreams"
                           FontSize="18"
                           VerticalOptions="Center"
                           FontFamily="ProximaNova"
                           TextColor="#637188"/>


                    <StackLayout VerticalOptions="FillAndExpand"
                                 Orientation="Horizontal"
                                 Padding="30,5,0,10"
                                 Spacing="20">

                        <Image Source="adddreamicon.png"
                               WidthRequest="30"
                               HeightRequest="30"
                               VerticalOptions="Center" />

                        <Label Text="Add Dream"
                               FontSize="15"
                               VerticalOptions="Center"
                               FontFamily="ProximaNova"
                               TextColor="#98a4b4"/>
                    </StackLayout>


                </StackLayout>

                <!--Financial Management-->

            <StackLayout VerticalOptions="FillAndExpand"
                         Orientation="Horizontal"
                         Padding="20,10,0,0"
                         Spacing="20">

                    <Image Source="financialmanagementicon.png"
                       WidthRequest="30"
                       HeightRequest="30"
                       VerticalOptions="Center" />

                    <Label Text="Financial Management"
                       FontSize="18"
                       VerticalOptions="Center"
                       FontFamily="ProximaNova"
                       TextColor="#637188"/>


                <StackLayout VerticalOptions="FillAndExpand"
                             Orientation="Horizontal"
                             Padding="30,5,0,10"
                             Spacing="20">

                        <Image Source="addicon.png"
                           WidthRequest="30"
                           HeightRequest="30"
                           VerticalOptions="Center" />

                        <Label Text="Add Income"
                           FontSize="15"
                           VerticalOptions="Center"
                           FontFamily="ProximaNova"
                           TextColor="#98a4b4"/>
                </StackLayout>

                    <StackLayout VerticalOptions="FillAndExpand"
                                 Orientation="Horizontal"
                                 Padding="30,5,0,10"
                                 Spacing="20">

                        <Image Source="addicon.png"
                               WidthRequest="30"
                               HeightRequest="30"
                               VerticalOptions="Center" />

                        <Label Text="Add Expense"
                               FontSize="15"
                               VerticalOptions="Center"
                               FontFamily="ProximaNova"
                               TextColor="#98a4b4"/>
                    </StackLayout>

                <StackLayout VerticalOptions="FillAndExpand"
                             Orientation="Horizontal"
                             Padding="30,5,0,10"
                             Spacing="20">

                    <Image Source="addicon.png"
                           WidthRequest="30"
                           HeightRequest="30"
                           VerticalOptions="Center" />

                        <Label Text="Add Virtual Account"
                           FontSize="15"
                           VerticalOptions="Center"
                           FontFamily="ProximaNova"
                           TextColor="#98a4b4"/>
                </StackLayout>

                    <StackLayout VerticalOptions="FillAndExpand"
                                 Orientation="Horizontal"
                                 Padding="30,5,0,10"
                                 Spacing="20">

                        <Image Source="linkaccounticon.png"
                               WidthRequest="30"
                               HeightRequest="30"
                               VerticalOptions="Center" />

                        <Label Text="Link Account"
                               FontSize="15"
                               VerticalOptions="Center"
                               FontFamily="ProximaNova"
                               TextColor="#98a4b4"/>
                    </StackLayout>

                <StackLayout VerticalOptions="FillAndExpand"
                             Orientation="Horizontal"
                             Padding="30,5,0,10"
                             Spacing="20">

                        <Image Source="budgeticon.png"
                           WidthRequest="29"
                           HeightRequest="30"
                           VerticalOptions="Center" />

                        <Label Text="Budget"
                           FontSize="15"
                           VerticalOptions="Center"
                           FontFamily="ProximaNova"
                           TextColor="#98a4b4"/>
                </StackLayout>

                </StackLayout>

            <!--Settings-->

            <StackLayout VerticalOptions="FillAndExpand"
                         Orientation="Horizontal"
                         Padding="20,10,0,0"
                         Spacing="20">

                    <Image Source="settingsicon.png"
                       WidthRequest="30"
                       HeightRequest="30"
                       VerticalOptions="Center" />

                    <Label Text="Settings"
                       FontSize="18"
                       VerticalOptions="Center"
                       FontFamily="ProximaNova"
                       TextColor="#637188"/>

            </StackLayout>

            <!--Subcription-->
            <StackLayout VerticalOptions="FillAndExpand"
                         Orientation="Horizontal"
                         Padding="20,10,0,0"
                         Spacing="20">

                    <Image Source="subscriptionicon.png"
                       WidthRequest="30"
                       HeightRequest="30"
                       VerticalOptions="Center" />

                    <Label Text="Subcription"
                       FontSize="18"
                       VerticalOptions="Center"
                       FontFamily="ProximaNova"
                       TextColor="#637188"/>

            </StackLayout>

            <!--Feedback-->
            <StackLayout VerticalOptions="FillAndExpand"
                         Orientation="Horizontal"
                         Padding="20,10,0,0"
                         Spacing="20">

                    <Image Source="feedbackicon.png"
                       WidthRequest="30"
                       HeightRequest="30"
                       VerticalOptions="Center" />

                    <Label Text="Feedback"
                       FontSize="18"
                       VerticalOptions="Center"
                       FontFamily="ProximaNova"
                       TextColor="#637188"/>

            </StackLayout>


            </StackLayout>
        </ScrollView>
    </ContentPage>
</MasterDetailPage.Master>

1 个解决方案

解决方案1
 2 已采纳  2017-11-13 06:24:03

You need to add parent stack layout like : 您需要添加父堆栈布局，例如： 

<StackLayout>
    <StackLayout VerticalOptions="CenterAndExpand"
                 Orientation="Horizontal"
                 Padding="20,10,0,0"
                 Spacing="20">

        <Image Source="dashbaordmenuicon.png"
               WidthRequest="40"
               HeightRequest="40"
               VerticalOptions="Center" />

        <Label Text="Dashboards"
               FontSize="18"
               VerticalOptions="Center"
               FontFamily="ProximaNova"
               TextColor="#637188"/>

    </StackLayout>

    <StackLayout VerticalOptions="CenterAndExpand"
                     Orientation="Horizontal"
                     Padding="30,5,0,10"
                     Spacing="20">

            <Image Source="summarymenuicon.png"
                   WidthRequest="40"
                   HeightRequest="40"
                   VerticalOptions="Center" />

            <Label Text="Summary"
                   FontSize="15"
                   VerticalOptions="Center"
                   FontFamily="ProximaNova"
                   TextColor="#98a4b4"/>
        </StackLayout>

    <StackLayout VerticalOptions="CenterAndExpand"
                 Orientation="Horizontal"
                 Padding="30,5,0,10"
                 Spacing="20">

        <Image Source="spendinghistoryicon.png"
               WidthRequest="40"
               HeightRequest="40"
               VerticalOptions="Center" />

        <Label Text="pending History"
               FontSize="18"
               VerticalOptions="Center"
               FontFamily="ProximaNova"
               TextColor="#98a4b4"/>
    </StackLayout>

</StackLayout>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Xamarin中的多个标签对齐方式形成XAML - Multiple label alignment in xamarin forms xaml Xamarin.Forms、XAML 和 XMLNS 问题 - Xamarin.Forms, XAML and XMLNS issue XAML元素对齐问题 - XAML Element Alignment issue XAML列表框对齐问题 - XAML Listbox alignment issue Xamarin Forms Switch XAML - Xamarin Forms Switch XAML Xamarin 在 Xaml 中形成 OnPlatform - Xamarin Forms OnPlatform in Xaml Xamarin.Forms XAML GridView 模板格式问题 - Xamarin.Forms XAML GridView template formatting issue Xamarin Forms - 跨度 TapGestureRecognizer 命令的 Html2Xaml 转换器问题 - Xamarin Forms - Html2Xaml converter issue with span TapGestureRecognizer command XAML Xamarin表单相对布局图像位置问题 - XAML Xamarin Forms Relative Layout image position issue 尝试以xaml xamarin形式进行本地化 - Trying localization in xaml xamarin forms
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM