MAUI中可折叠卡片
时间: 2024-11-13 07:41:25 浏览: 26
在Microsoft UI (MAUI) 中,可折叠卡片(也称为Collapsible Content)允许你创建具有标题和可展开/收起内容的控件。以下是如何在MAUI中实现一个基本的可折叠卡片的示例:
```csharp
using Maui.Controls;
using Maui.Controls.ContentViews;
// ...
var collapsibleCard = new CollapsibleContentPage()
{
Title = "折叠卡片",
Content = new ContentView
{
Content = new Label
{
Text = "这是卡片的内容"
}
},
IsCollapsed = true // 默认状态为折叠
};
collapsibleCard.Collapsed += (sender, args) =>
{
((ContentView)sender).ContentVisibility = Visibility.Visible; // 展开时显示内容
};
collapsibleCard.Expanded += (sender, args) =>
{
((ContentView)sender).ContentVisibility = Visibility.Collapsed; // 收缩时隐藏内容
};
await Navigation.PushAsync(rootPage, collapsibleCard);
```
在这个例子中,`CollapsibleContentPage` 是MAUI中的一个自定义页面,它有一个`IsCollapsed`属性来控制卡片的状态。当`IsCollapsed`为`true`时,内容默认会被隐藏;点击标题或设置`IsCollapsed`为`false`时,内容会显示出来。
阅读全文