xamarin.forms布局Layout,Frame,ContentView,TemplateView

发布：2023/12/7 15:40:56作者：大数据来源：大数据浏览次数：436

AbsoluteLayout
FlexLayout
Grid
RelativeLayout
StackLayout

将ContentView类继承于Xamarin.Forms.TemplatedView

CardView XAML:

<ContentView ...

x:Name="this"

x:Class="CardViewDemo.Controls.CardView">

<Frame BindingContext="{x:Reference this}"

BackgroundColor="{Binding CardColor}"

BorderColor="{Binding BorderColor}"

...>

<Grid>

...

<Frame BorderColor="{Binding BorderColor, FallbackValue='Black'}"

BackgroundColor="{Binding IconBackgroundColor, FallbackValue='Grey'}"

...>

<Image Source="{Binding IconImageSource}"

.. />

</Frame>

<Label Text="{Binding CardTitle, FallbackValue='Card Title'}"

... />

<BoxView BackgroundColor="{Binding BorderColor, FallbackValue='Black'}"

... />

<Label Text="{Binding CardDescription, FallbackValue='Card description text.'}"

... />

</Grid>

</Frame>

</ContentView>

ContentView XAML引用自定义控件必须添加命名空间

1 2	<ContentPage ... xmlns:controls="clr-namespace:CardViewDemo.Controls" >

添加引用后即可将控件加入代码XAML

<controls:CardView BorderColor="DarkGray"

CardTitle="Slavko Vlasic"

CardDescription="Lorem ipsum dolor sit..."

IconBackgroundColor="SlateGray"

IconImageSource="user.png"/>

重写样式

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:d="http://xamarin.com/schemas/2014/forms/design"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:controls="clr-namespace:CardViewDemo.Controls"

mc:Ignorable="d"

x:Class="CardViewDemo.ControlTemplatePage"

Title="ControlTemplate XAML Demo"

Padding="10">

<ContentPage.Resources>

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Image Source="{TemplateBinding IconImageSource}"

BackgroundColor="{TemplateBinding IconBackgroundColor}"

WidthRequest="100"

HeightRequest="100"

Aspect="AspectFill"

HorizontalOptions="Center"

VerticalOptions="Center" />

<Label Text="{TemplateBinding CardTitle}"

FontAttributes="Bold" />

</StackLayout>

</Grid>

</ControlTemplate>

</ResourceDictionary>

</ContentPage.Resources>

<Label Text="A standard CardView control is suitable for grid layouts:"

FontAttributes="Italic"

TextColor="Red"

Margin="0,0,0,10" />

<controls:CardView BorderColor="DarkGray"

CardTitle="Slavko Vlasic"

CardDescription="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elit dolor, convallis non interdum."

IconBackgroundColor="SlateGray"

IconImageSource="user.png" />

<Label Text="A ControlTemplate overrides the standard view, creating a more compact view suitable for lists:"

FontAttributes="Italic"

TextColor="Red"

Margin="0,0,0,10" />

<controls:CardView BorderColor="DarkGray"

CardTitle="Carolina Pena"

CardDescription="Phasellus eu convallis mi. In tempus augue eu dignissim fermentum. Morbi ut lacus vitae eros lacinia."

IconBackgroundColor="SlateGray"

IconImageSource="user.png"

ControlTemplate="{StaticResource CardViewCompressed}" />

<controls:CardView BorderColor="DarkGray"

CardTitle="Wade Blanks"

CardDescription="Aliquam sagittis, odio lacinia fermentum dictum, mi erat scelerisque erat, quis aliquet arcu."

IconBackgroundColor="SlateGray"

IconImageSource="user.png"

ControlTemplate="{StaticResource CardViewCompressed}" />

<controls:CardView BorderColor="DarkGray"

CardTitle="Colette Quint"

CardDescription="In pellentesque odio eget augue elementum lobortis. Sed augue massa, rhoncus eu nisi vitae, egestas."

IconBackgroundColor="SlateGray"

IconImageSource="user.png"

ControlTemplate="{StaticResource CardViewCompressed}" />

</StackLayout>

</ContentPage>

Frame类继承于ContentView

<Frame BorderColor="Gray"

CornerRadius="5"

Padding="8">

<Label Text="Card Example"

FontSize="Medium"

FontAttributes="Bold" />

<BoxView Color="Gray"

HeightRequest="2"

HorizontalOptions="Fill" />

</StackLayout>

</Frame>

声明：本站内容来源于原创和互联网，尊重作者版权，转载请注明来源网址，欢迎收藏，谢谢！

　xamarin.forms常用知识总结XAML使用及说明

利用sql存储过程游标循环结果集，结果表　

xamarin.forms布局Layout,Frame,ContentView,TemplateView

柏港建站平台

柏港大数据

xamarin.forms布局Layout,Frame,ContentView,TemplateView

柏港为您推荐了一些相关资讯

柏港 大数据

xamarin.forms布局Layout,Frame,ContentView,TemplateView

柏港为您推荐了一些相关资讯

柏港大数据