C#WPF将自定义控件的子控件放到特定的网格中

本文关键字：网格 控件 自定义控件 C#WPF | 更新日期: 2023-09-27 18:21:31

我对wpf和用户控件的创建有一些问题。我有一个简单的菜单控件，包括网格，图像（0列）和文本块（1列）。

我遇到的难题是如何将我控制的所有孩子放到另一个靠近家长控制的网格中。

这是用户控制的演示代码：

<UserControl x:Name="userControl" x:Class="Yo.Controls.mItem"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d"
         d:DesignHeight="50" d:DesignWidth="400">
<Grid x:Name="m_Grid">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="{Binding ActualHeight, ElementName=userControl, Mode=OneWay}"/>
        <ColumnDefinition/>
        <ColumnDefinition Width="305"/>
    </Grid.ColumnDefinitions>
    <Image x:Name="img" Grid.Column="0"/>
    <TextBlock x:Name="txt" Grid.Column="2"/>
    <Grid x:Name="sub_Grid" Visibility="Hidden" Background="#78000000" Margin="-450,0,50,0" MouseLeftButtonUp="img_Check" MouseEnter="grid_Enter" MouseLeave="grid_Leave"/>
</Grid>

其中sub_Grid是必须放置孩子的位置。

        <Controls:mItem Grid.Row="0" Text="Some txt" IsCheckable="False">
            <Controls:mItem Text="Its Child" IsCheckable="False"/>
        </Controls:mItem>

因此，此代码将把控件及其子控件放入sub_Grid

C#WPF将自定义控件的子控件放到特定的网格中

我认为应该将控件嵌套在子网格中，然后为子网格定义列。我在这里提出以下建议是懦弱的，因为我不完全理解你的问题：

 <Grid x:Name="m_Grid" Background="Red">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="80"/>
        <ColumnDefinition/>
        <ColumnDefinition Width="305"/>
    </Grid.ColumnDefinitions>
    <Grid x:Name="sub_Grid" Background="Blue" Margin="0,0,50,0" 
          MouseLeftButtonUp="img_Check" MouseEnter="grid_Enter" MouseLeave="grid_Leave" Grid.Column="2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Image x:Name="img" Grid.Column="0"/>
        <TextBlock x:Name="txt" Grid.Column="2"/>
    </Grid>
</Grid
相关文章：