如何在Xamarin Forms中使用HTML和CSS？

Question

所有UI设计师都使用xaml语法来设计xamarin表单屏幕吗？我正在学习移动开发，并希望在Xamarin Forms中使用html和css。我不知道我能不能。如何设计专业的xamarin表格屏幕？谢谢你的回复。

Answer 1

使用xaml语法为所有UI设计师设计xamarin屏幕吗？

答案是肯定的。

我正在学习移动开发，并希望在Xamarin Forms上使用html和css设计。我不知道我能不能。

在Xamarin项目中不可能使用html和css作为页面设计器。如果你真的想用html + css来开发移动应用程序。 Cordova对你来说是个不错的选择。

Answer 2

您可以将XAML与CSS一起使用。这是自2.6.0以来在Xamarin Forms中实现的。您只需要将CSS文件添加到例如Xamarin Forms共享项目中的资产文件夹，并将其加载到资源部分的XAML中。

写你的CSS：

^Label {
  color: blue;
}

^Entry {
    color: #ff0038;
}

#MyId {
    font-style: bold;
}

.FirstClass .SecondClass {
    font-size:6;
}

在XAML中加载css文件：

<!-- set global style -->
<ContentPage.Resources>
   <StyleSheet Source="/Assets/styles.css" />
</ContentPage.Resources>

在XAML中设置css类：

 <StackLayout ClassId="FirstClass">
     <Entry ClassId="SecondClass"/>
     <Label StyleId="MyId" Text="This is a unique Text"/>
 </StackLayout>