मैंने नियंत्रण टेम्पलेट्स का उपयोग किए बिना कुछ लेआउट प्राप्त कर लिया है। लेकिन जब मैं नियंत्रण टेम्पलेट का उपयोग करता हूं तो लेआउट टूट जाता है। मैं दृश्य नहीं भर सका।

ऐप.xaml

<Application.Resources>
    <ResourceDictionary>
        <Color x:Key="BaseColor">#2b3d51</Color>
        <Color x:Key="PrimaryColor">#5bb2f5</Color>
        <Color x:Key="SuccessColor">#5cd674</Color>
        <Color x:Key="WarningColor">#e7e75e</Color>
        <Color x:Key="DangerColor">#e87461</Color>
        <Color x:Key="EmptyColor">#f5f5f5</Color>
        <Color x:Key="NoFill">#fafafa</Color>
        <ControlTemplate x:Key="MainTemplate">
            <StackLayout Spacing="0">
                <StackLayout
                   Orientation="Horizontal"
                   VerticalOptions="Start"
                   HeightRequest="30"
                   BackgroundColor="{StaticResource BaseColor}">
                    <Label Text="&#xf009;"
                        FontSize="20"
                        TextColor="#fefefe"
                        VerticalOptions="Center"
                        HorizontalOptions="Center">
                        <Label.FontFamily>
                            <OnPlatform
                                x:TypeArguments="x:String"
                                Android="fontawesomesolid.otf#Font Awesome 5 Free Solid"
                                iOS="fontawesomesolid"/>
                        </Label.FontFamily>
                    </Label>
                </StackLayout>

                <StackLayout
                    Orientation="Horizontal"
                    VerticalOptions="FillAndExpand"
                    Spacing="0" BackgroundColor="Red">

                    <ContentPresenter></ContentPresenter>
                </StackLayout>

                <StackLayout
                   Orientation="Horizontal"
                   VerticalOptions="End"
                   HeightRequest="20"
                   BackgroundColor="Gray">

                </StackLayout>
            </StackLayout>

        </ControlTemplate>
    </ResourceDictionary>
</Application.Resources>

पेज.xaml

<ContentPage.Content>
    <StackLayout
                    Orientation="Horizontal"
                    Spacing="0">
        <StackLayout
                        Orientation="Vertical"
                        BackgroundColor="Olive"
                        WidthRequest="130"
                           HorizontalOptions="Start"
                        >
            <Entry Placeholder="Search"></Entry>
            <Label Text="this is it"></Label>
            <Label Text="this is it"></Label>
            <Label Text="this is it"></Label>
        </StackLayout>

        <StackLayout
            Orientation="Vertical"
                       BackgroundColor="Silver"
                       HorizontalOptions="FillAndExpand"
                       >
            <StackLayout Orientation="Vertical" HeightRequest="100" BackgroundColor="Yellow">
                <Label Text="I'm here" ></Label>
            </StackLayout>
        </StackLayout>
    </StackLayout>

</ContentPage.Content>

यहां आप देख सकते हैं कि मैं सामग्री के लिए साइडबार और शेष रिक्त स्थान का उपयोग कर रहा हूं लेकिन सामग्री स्क्रीन को नहीं भर रही है। यहां छवि विवरण दर्ज करें

ऊपर की छवि से आप देख सकते हैं कि पीले और चांदी के क्षेत्र को लाल रंग के शेष स्थानों को भरना होगा। इसके अलावा मैंने ग्रिड लेआउट की कोशिश की है लेकिन एक ही परिणाम। क्या आप समझ सकते हैं कि मैं यहाँ क्या खो रहा हूँ?

0
Abel D 4 अक्टूबर 2018, 13:39

1 उत्तर

सबसे बढ़िया उत्तर

यह माता-पिता और बाल पृष्ठों पर ग्रिड का उपयोग करके प्राप्त करने योग्य था।

App.xaml

<Application.Resources>
    <ResourceDictionary>
        <ControlTemplate x:Key="MainTemplate">
            <Grid RowSpacing="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="20" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <StackLayout Grid.Row="0" Grid.Column="0" BackgroundColor="Navy"></StackLayout>
                <ContentPresenter Grid.Row="1" Grid.Column="0" BackgroundColor="Blue"></ContentPresenter>
                <StackLayout Grid.Row="2" Grid.Column="0" BackgroundColor="Brown"></StackLayout>
             </Grid>
        </ControlTemplate>
    </ResourceDictionary>
</Application.Resources> 

पेज.xaml

<ContentPage.Content>
    <Grid ColumnSpacing="0">
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="130" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <StackLayout Grid.Row="0" Grid.Column="0" BackgroundColor="DarkSeaGreen" Orientation="Vertical">
            <Entry Placeholder="Search"></Entry>
            <Label Text="this is it"></Label>
            <Label Text="this is it"></Label>
            <Label Text="this is it"></Label>
        </StackLayout>

        <StackLayout Grid.Row="0" Grid.Column="1" BackgroundColor="BurlyWood">
            <Label Text="I'm here"  BackgroundColor="AliceBlue"></Label>
        </StackLayout>
    </Grid>
</ContentPage.Content>

स्क्रीनशॉट देखेंयहां छवि विवरण दर्ज करें

0
Abel D 4 अक्टूबर 2018, 16:29