UWP GridView显示类名而非自定义项的问题咨询及解决思路

你猜的完全没错！DataTemplate就是解决这个问题的核心，而且我看你给出的代码片段里有个小问题——你把<GridViewItem>放在了DataTemplate里面，这其实是多余的，GridView会自动把DataTemplate里的内容包装成GridViewItem，反而会导致布局异常，最终显示类名而不是你想要的控件组合。

下面是修正后的完整代码示例，我会一步步给你说明：

<Page.Resources>
    <!-- 定义GridView每一项的模板，指定绑定的数据类型为local:CameraSetting -->
    <DataTemplate x:Name="CameraSettingsGridViewTemplate" x:DataType="local:CameraSetting">
        <!-- 去掉多余的GridViewItem，直接用布局容器包裹控件 -->
        <StackPanel Padding="10" Width="200">
            <!-- 绑定CameraSetting的Property属性到TextBlock -->
            <TextBlock Text="{x:Bind Property}" FontSize="14" FontWeight="SemiBold"/>
            <!-- CheckBox可以绑定到你类里的布尔属性，比如IsEnabled或者自定义的IsChecked -->
            <CheckBox Content="启用设置" IsChecked="{x:Bind IsSettingEnabled, Mode=TwoWay}" Margin="0,5,0,0"/>
            <!-- 第一个ComboBox，绑定对应的选项集合，比如OptionList1 -->
            <ComboBox ItemsSource="{x:Bind OptionList1}" 
                      SelectedItem="{x:Bind SelectedOption1, Mode=TwoWay}"
                      Margin="0,5,0,0"/>
            <!-- 第二个ComboBox，绑定另一个选项集合，比如OptionList2 -->
            <ComboBox ItemsSource="{x:Bind OptionList2}" 
                      SelectedItem="{x:Bind SelectedOption2, Mode=TwoWay}"
                      Margin="0,5,0,0"/>
        </StackPanel>
    </DataTemplate>
</Page.Resources>

<!-- 你的GridView控件，需要指定ItemsSource和ItemTemplate -->
<GridView ItemsSource="{x:Bind CameraSettingsCollection}"
          ItemTemplate="{StaticResource CameraSettingsGridViewTemplate}"
          Padding="10"
          SelectionMode="Single">
</GridView>

关键说明： #

• 去掉DataTemplate里的GridViewItem：GridView内部会自动为每个数据项创建GridViewItem容器，你只需要定义容器内部的内容即可。
• x:DataType的作用：指定绑定的数据类型后，x:Bind会在编译时进行类型检查，避免运行时绑定错误，同时提升性能。
• 绑定属性要匹配：确保你的local:CameraSetting类里有对应的属性：
  • string Property：TextBlock显示的文本
  • bool IsSettingEnabled：CheckBox的选中状态（建议用TwoWay模式实现双向绑定）
  • IEnumerable<string> OptionList1、IEnumerable<string> OptionList2：两个ComboBox的选项数据源
  • string SelectedOption1、string SelectedOption2：ComboBox的选中项（双向绑定）
• 为什么之前显示类名：当GridView没有指定ItemTemplate时，默认会调用数据对象的ToString()方法，也就是显示类的全名，指定正确的DataTemplate后，就会按照你定义的布局展示内容。

如果你的CameraSetting类实现了INotifyPropertyChanged接口，还能实现数据的实时更新，让UI和数据保持同步哦。

内容的提问来源于stack exchange，提问作者cybertronic