Отображение списка в сетке данных - PullRequest
0 голосов
/ 05 февраля 2020

Привет, я новичок в Xamarin, и в настоящее время у меня есть проект, который требует, чтобы я отобразил что-то вроде изображения ниже

screenshot

У меня уже есть список предметов, и внутри списка у меня есть еще один список внутри каждого элемента, который содержит «фактические работы» и «запланированные работы». Но я не знаю, как представить меня таким образом.

Так что у меня есть список, который содержит список. И я хочу отобразить это как на картинке. Есть идеи?

Заранее спасибо

1 Ответ

0 голосов
/ 05 февраля 2020
    <StackLayout HorizontalOptions="FillAndExpand">

        <ListView
                Footer=" "
                HasUnevenRows="True"
                HeightRequest="{Binding WeekHeight}"
                ItemsSource="{Binding WeekReports}"
                SeparatorVisibility="None">
            <ListView.HeaderTemplate>
                <DataTemplate>
                    <ContentView BackgroundColor="Beige">
                        <Grid Padding="0"
                                HeightRequest="70"
                                HorizontalOptions="FillAndExpand">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>


                            <Label Text="Sun" Grid.Column="1"/>
                            <Label Text="Mon" Grid.Column="2"/>
                            <Label Text="Tue" Grid.Column="3"/>
                            <Label Text="Wed" Grid.Column="4"/>
                            <Label Text="Thu" Grid.Column="5"/>
                            <Label Text="Fir" Grid.Column="6"/>
                            <Label Text="Sat" Grid.Column="7"/>

                        </Grid>
                    </ContentView>
                </DataTemplate>
            </ListView.HeaderTemplate>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell IsEnabled="False">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Label Text="{Binding Work}" Grid.Column="0"/>
                            <Label Text="{Binding Value1}" Grid.Column="1"/>
                            <Label Text="{Binding Value2}" Grid.Column="2"/>
                            <Label Text="{Binding Value3}" Grid.Column="3"/>
                            <Label Text="{Binding Value4}" Grid.Column="4"/>
                            <Label Text="{Binding Value5}" Grid.Column="5"/>
                            <Label Text="{Binding Value6}" Grid.Column="6"/>
                            <Label Text="{Binding Value7}" Grid.Column="7"/>

                        </Grid>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>

        </ListView>
    </StackLayout>

Модель ItemSource будет выглядеть так:

public class Report{        
  public string Work { get; set; }
    public string value1 { get; set; }
    public string value2 { get; set; }
    public string value3 { get; set; }
    public string value4 { get; set; }
    public string value5 { get; set; }
    public string value6 { get; set; }
    public string value7 { get; set; }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...