重叠Itemcontrol项中的特定元素

时间:2016-01-31 06:32:51

标签: c# xaml win-universal-app uwp windows-10-universal

我正在开发类似于Windows 10中的日历应用程序。

我已将每天(24小时)定义为itemtemplate的项目。

Win 10中的日历应用程序可以有多个全天活动,持续时间超过一天。

All day Event that spans for two days in win 10 calendar app


我已经定义了一个用于显示全天事件的按钮(“一些非常大的内容”)

As Defined by me



现在,如果全天活动跨越一天以上,我想单独将该按钮跨越到下一个项目。没有跨越整天的项目。



以下是我日项目控制的结构:

As Defined by me



如何在UWP中实现?

我尝试过的代码:

 <ListView ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.IsHorizontalRailEnabled="True" ScrollViewer.HorizontalScrollBarVisibility="Visible"
        HorizontalAlignment="Left" Name="MyListView" Loaded="MyListView_Loaded"  HorizontalContentAlignment="Stretch" >
        <ItemsControl   ItemsSource="{x:Bind Days}"
          ItemTemplate="{StaticResource DayDataTemplate}"  
           Margin="-10,0,0,0"         >
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                   <ItemsStackPanel Orientation="Horizontal"  ItemsUpdatingScrollMode="KeepItemsInView" />
                </ItemsPanelTemplate>


            </ItemsControl.ItemsPanel>
        </ItemsControl>
    </ListView>

* ItemSource中的天数由2个网格组成

网格1有一个Textblock,Button和一个垂直堆叠的文本块。

其结构:

 <Grid Grid.Row="1"  >
                <StackPanel Name="AllDayButtonStackPanel" 

                            Orientation="Vertical" HorizontalAlignment="Stretch" BorderBrush="Gray" BorderThickness="0.5">
                    <ToggleButton Name="AllDayToggleButton"
                                  Content="Some veryyy Bigggggggggg Contennnnnnttttt                                            sdgsdgsdgsdfgsdfgsdfn"
                                  VariableSizedWrapGrid.RowSpan="2"                                       
                                  HorizontalAlignment="Stretch"  Background="White" HorizontalContentAlignment="Left" 
                                  Canvas.ZIndex="99">                            
                    </ToggleButton>
                    <TextBlock Text="{x:Bind Date}" FontSize="25" Margin="50,0,0,0" />
                </StackPanel>

我只想将AllDayToggleButton扩展到第二天或更长时间!

0 个答案:

没有答案