Uno 平台 Material 卡片

Question

我正在尝试使用 Uno 添加的 Material 设计中的卡片。但是 - 当我按照示例进行操作时 - 卡片不会出现。我在应用程序的其他地方使用 Material 的 bottomNavigationBar，它工作正常。请注意 - 我看到了一个带有 Header 的示例和一个带有 HeaderContent 的示例。我都试过了，但都没有用。什么都没有显示 - IOS 或 Android。我错过了什么？感谢您的帮助！

<Page
    x:Class="sampleApp.Shared.Views.appCardPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:sampleApp.Shared.Views"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:material="using:Uno.Material.Controls"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <StackPanel Orientation="Vertical" Background="{StaticResource SubPageBackground}" >

        <material:Card HeaderContent="Outlined card"
           SubHeaderContent="With title and subitle"
           Style="{StaticResource MaterialOutlinedCardStyle}" />
        
    </StackPanel>
</Page>

Answer 1

这样试试

<material:Card HeaderContent="Outlined card"
               SubHeaderContent="With title and subtitle only"
               Style="{StaticResource MaterialOutlinedCardStyle}">
   <material:Card.HeaderContentTemplate>
      <DataTemplate>
         <TextBlock Text="{Binding}"
                    Margin="16,14,16,0"
                    Style="{ThemeResource MaterialHeadline6}" />
      </DataTemplate>
   </material:Card.HeaderContentTemplate>
   <material:Card.SubHeaderContentTemplate>
      <DataTemplate>
         <TextBlock Text="{Binding}"
                    Margin="16,0,16,14"
                    Style="{ThemeResource MaterialBody2}" />
      </DataTemplate>
   </material:Card.SubHeaderContentTemplate>
</material:Card>

HeaderContentTemplate 和 SubHeaderContentTemplate 似乎在 MaterialOutlinedCardStyle 样式中没有默认值，可以改进。

Answer 2

所以我做了一些进一步的测试 - 结果是我的 app.xaml.cs 我没有正确初始化 material 主题。我将其更改为此处示例中的内容：Uno Material Documentation

在第 3 节中。真正有趣的是我在 Material 中使用的 bottomNavigationBar 尽管存在所有这些问题。希望这对遇到类似问题的其他人有所帮助。

Uno 平台 Material 卡片

Uno Platform Material Card

material-ui

uno-platform