关于MAUI跨平台布局详解

最新推荐文章于 2024-08-06 09:53:32 发布

东林观海

最新推荐文章于 2024-08-06 09:53:32 发布

阅读量2.1k

点赞数

分类专栏： MAUI 文章标签： c# xamarin

本文链接：https://blog.csdn.net/ednakurumi/article/details/126305265

版权

本文介绍了在微软的MAUI框架下，如何创建带边框的输入框。通过两种方法，包括使用Frame标签和利用Border进行样式绘制，详细解释了实现过程。总结中指出Frame适合简单卡片制作，而Border则更灵活，适用于多样化样式需求。

摘要由CSDN通过智能技术生成

针对微软最新发布的MAUI框架，其实布局和XF基本一致，只是在XF的基础上做了相对优化。

如何编写一个带边框的输入框？

创建过MAUI默认项目的都知道在MAUI下使用Entry默认是无边框的那么我们怎么做到让Entry有边框而不是用安卓的xml样式文件去修改。

方式一：

首先我们知道在MAUI的文档上有个Frame标签那么根据微软官方的文档描述

那么可以写个简单的带边框的Entry，效果图如下：

方式二：

我们可以根据Border边框来绘制更加可观的样式效果，例如：

总结：相对而言Frame使用比较简单适合用于卡片制作等场景，border的使用则更为广泛相对的border也更加灵活，可以满足自己实现的不同样式，效果二的代码如下仅供参考。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp1.IndexPage"
             BackgroundColor="AliceBlue"
             Title="IndexPage">
    <VerticalStackLayout>
        <StackLayout Background="{StaticResource Blue100Accent}" HeightRequest="60">
            <Border
                BackgroundColor=