Question

我使用网格制作了日历。它有7列，6行。通过获取星期几和月中的星期，我可以弄清楚如何将日期放在选择日期的网格上。然而，网格只显示丑陋的网格线。如何更改此选项以使用数据网格，以便我可以像压延机一样具有实线网格线。或者有没有其他方法可以摆脱虚线网格线使其看起来更好？提前谢谢。

XAML：我创建了一个ItemsControl，其中包含7列和6行的网格。

 <Grid Name="mainGrid">
    <Grid Name="controlGrid" Margin="0,56,0,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="297*" />
            <ColumnDefinition Width="290*" />
        </Grid.ColumnDefinitions>
        <ItemsControl ItemsSource="{Binding schedule}"  Name="Calender" VerticalAlignment="Stretch" Grid.ColumnSpan="2">
        <ItemsControl.Template>
            <ControlTemplate TargetType="ItemsControl" >
                <Border BorderBrush="Aqua" BorderThickness="4">
                    <ItemsPresenter/>
                </Border>

            </ControlTemplate>



        </ItemsControl.Template>
        <!-- ItemsPanelTemplate -->
        <ItemsControl.ItemsPanel>

            <ItemsPanelTemplate>

                <Grid ShowGridLines="True" Name="gridCalender">

                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                </Grid>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <ItemsControl.ItemTemplate>

            <DataTemplate>

                <TextBlock OpacityMask="Black"  Name="txtBlockdays">
                    <Button Content="{Binding day}" Width="175" HorizontalAlignment="Stretch" VerticalAlignment="Top" VerticalContentAlignment="Top" HorizontalContentAlignment="Left" Background="#FF94EBEB">

                    </Button>
                </TextBlock>
            </DataTemplate>
        </ItemsControl.ItemTemplate>


        <!-- ItemContainerStyle -->
        <ItemsControl.ItemContainerStyle>
            <Style >
                <Setter Property="Grid.Column" Value="{Binding WeekDay}" />
                <Setter Property="Grid.Row" Value="{Binding WeekNo}" />

            </Style>
        </ItemsControl.ItemContainerStyle>




    </ItemsControl>
    </Grid>
<Grid Name="dayGrid" VerticalAlignment="Top" Height="50">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Label Content="Monday" Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="label2" VerticalAlignment="Bottom" Grid.Column="1" FontSize="16" />
        <Label Content="Tuesday" Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="label3" VerticalAlignment="Bottom" Grid.Column="2" FontSize="16" />
        <Label Content="Wednesday" Height="Auto" HorizontalAlignment="Stretch" Name="label4" VerticalAlignment="Bottom" Grid.Column="3" Margin="0" FontSize="16" />
        <Label Content="Thursday" Height="Auto" HorizontalAlignment="Stretch" Name="label5" VerticalAlignment="Bottom" Grid.Column="4" Margin="0" FontSize="16" />
        <Label Content="Friday" Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="label6" VerticalAlignment="Bottom" Grid.Column="5" FontSize="16" />
        <Label Content="Saturday" Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="label7" VerticalAlignment="Bottom" Grid.Column="6" FontSize="16" />
        <Button Content="&lt;" Height="23" HorizontalAlignment="Left" Margin="0,1,0,0" Name="btnDateLeft" VerticalAlignment="Top" Width="29" Click="btnDateLeft_Click" />
        <Button Content="&gt;" Height="23" HorizontalAlignment="Left" Margin="26,1,0,0" Name="btnDateRight" VerticalAlignment="Top" Width="30" Click="btnDateRight_Click" />
        <Label Content="Sunday" Name="label1" Width="Auto" FontSize="16" Margin="0,19,0,0" />
    </Grid>
    <Label HorizontalAlignment="Left" Margin="62,1,0,0" Name="lblDate" VerticalAlignment="Top" FontSize="15" FontWeight="Bold" Height="32" />
</Grid>

Answer 1

调整ItemContainerStyle并将ShowGridlines设为false。

<ItemsControl.ItemContainerStyle>
            <Style TargetType="ComboBoxItem">
                <Setter Property="Grid.Column" Value="{Binding WeekDay}" />
                <Setter Property="Grid.Row" Value="{Binding WeekNo}" />
                <Setter Property="Control.BorderBrush" Value="Black" />
            </Style>
</ItemsControl.ItemContainerStyle>

另请注意，您还可以在每个冷藏箱中放置一个Rectangle。有很多方法可以实现你的目标。

使用datagrid制作日历wpf

1 个答案: