用vs2022新建一个移动应用,项目名称“ListViewNamedColors”,以下屏幕截图显示了最终效果:
在项目ListViewNamedColors的资源管理器上,右击新建一个Models的文件夹,在文件夹中新建一个NamedColor的类,这个类作为装入ListView列表中的元素。
public class NamedColor
{
public string Name { get; set; }
public Color Color { get; set; }
public string RgbDisplay { get; set; }
}
打开MainPage. XAML文件,删除改成如下这样,BoxView用于显示颜色,绑定到NameColor的Color公共属性上,下面第一个Label绑定到Name公共属性上,用于显示颜色名称,第二个Label绑定到RgbDisplay公共属性上,用于显示颜色RGB的值。
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x: