WPF 和 Avalonia 开发者的 html css 前端指南 ComboBox 篇

WPF 和 Avalonia 开发者的 html css 前端指南 ComboBox 篇

WPF 和 Avalonia 中的 ComboBox 直接对应了 select 和 option 元素的组合
就好像 ul 和 li 的组合一样。

一、ComboBox 在 WPF 和 Avalonia 中的实现

在 WPF 和 Avalonia 中，你可以使用 ComboBox 和 ComboBoxItem
组合来实现下拉列表的选择控件。

<ComboBox HorizontalAlignment="Center" VerticalAlignment="Center"><ComboBoxItem Content="hello1" /><ComboBoxItem Content="hello2" /><ComboBoxItem Content="hello3" /><ComboBoxItem Content="hello4" />
</ComboBox>

二 ComboBox 在 html css 中的等效实现

你可以使用 select 和 option 类似的效果。

对应的代码如下：

<template><select><option>hello1</option><option>hello2</option><option>hello3</option><option>hello4</option></select>
</template><style lang="css" scoped>.container {overflow-y: auto;overflow-x: auto;width: 200px;height: 200px;}.container-content {width: 400px;height: 400px;background: aqua;}
</style>

三、总结

WPF 和 Avalonia	html css
ComboBox	select
ComboBoxItem	option