• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

C# UWP rozmieszczenie siatki

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
0 głosów
84 wizyt
pytanie zadane 18 stycznia 2021 w C# przez KonDZIKs Bywalec (2,300 p.)

Witam. :)
Mam pewien problem z rozmieszczeniem siatki w UWP. Mam do napisania prosty projekt, lecz problemem jest rozmieszenie siatki tak aby w jednym wierszu można było zawrzeć 5 kolumny. A u mnie jest tak ,że mam 4 wiersze i te 4 wiersze są dzielone przez 5 kolumn. Zamiast podzielić tylko tą jedną. Wrzucam tutaj zdj poglądowe "projektu".

kod:

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid Margin="10,10,10,10">
            <Grid.RowDefinitions>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="2*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="2*"/>
            </Grid.ColumnDefinitions>
        </Grid>

    </Grid>
</Page>

 

1 odpowiedź

–1 głos
odpowiedź 19 stycznia 2021 przez Siemił Mądrala (7,380 p.)

Cześć, 

Widzę dwa rozwiązania.

1) Pierwszego grida dzielisz na same rzędy:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid Margin="10,10,10,10">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
</Grid>

i w niego wrzucasz kolejnego grida który dzielisz na 5 kolumn:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid Margin="10,10,10,10">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

       <Grid Grid.Row=1>
              <Grid.ColumnDefinitions>
                   <ColumnDefinitions Width="*"/>
                   <ColumnDefinitions Width="*"/>
                   <ColumnDefinitions Width="*"/>
                   <ColumnDefinitions Width="*"/>
                   <ColumnDefinitions Width="*"/>
              </Grid.ColumnDefinitions>

              //Tutaj kod w rzędzie który jest podzielony na 5 kolumn

        </Grid>

</Grid>

2) Masz jednego grida ale w rzędach kontrolki rozciągasz  na pozostałe kolumny za pomocą 'columnspan':

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid Margin="10,10,10,10">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
        </Grid>
 
        //TextBox rozdziągnięty na 5 kolumn w pierwszym rzędzie
        <TextBox Grid.ColumnSpan="5"/>

    </Grid>

3) Jak dzielisz grid na kolumny o jednakowych proporciach nie wpisuj 2* bo to nie ma sensu.

komentarz 28 stycznia 2021 przez KonDZIKs Bywalec (2,300 p.)
Dziękuję za odpowiedz, użyłem 1 sposobu. :D

Podobne pytania

0 głosów
0 odpowiedzi 63 wizyt
pytanie zadane 26 marca 2020 w C# przez Johny Dyzma Tea Początkujący (280 p.)
+1 głos
2 odpowiedzi 651 wizyt
0 głosów
0 odpowiedzi 71 wizyt
pytanie zadane 18 lutego 2019 w C# przez multim Obywatel (1,830 p.)

90,319 zapytań

138,924 odpowiedzi

311,159 komentarzy

60,027 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...