首页 > 其他分享 >MAUI导航栏-Android

MAUI导航栏-Android

时间:2022-09-20 02:11:43浏览次数:72  
标签:ToolbarItems 示例 TabBar MAUI Android 导航

底部导航栏-TabBar,示例:

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="Test.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:Test"
    Shell.FlyoutBehavior="Disabled">
    <TabBar>
        <ShellContent
            Title="笔记"
            ContentTemplate="{DataTemplate local:MyPage.Views.NotePage}"
            Icon="icon_notes" />
        <ShellContent
            Title="关于"
            ContentTemplate="{DataTemplate local:MyPage.Views.AboutPage}"
            Icon="icon_about" />
    </TabBar>
</Shell>

顶部导航栏-ContentPage.ToolbarItems,示例:

<?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"
             xmlns:models="clr-namespace:Test.MyPage.Models"
             x:Class="Test.MyPage.Views.AllNotesPage"
             Title="笔记列表">
    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Add" Clicked="Add_Clicked" IconImageSource="{FontImage Glyph='+', Color=White, Size=22}" />
    </ContentPage.ToolbarItems>
    <!-- 在列表中显示注释 -->
    <CollectionView x:Name="notesCollection"
                        ItemsSource="{Binding Notes}"
                        Margin="20"
                        SelectionMode="Single"
                        SelectionChanged="notesCollection_SelectionChanged">

        <!-- 指定项目集合的布局方式 -->
        <CollectionView.ItemsLayout>
            <LinearItemsLayout Orientation="Vertical" ItemSpacing="10" />
        </CollectionView.ItemsLayout>

        <!-- 定义列表中每个项目的外观 -->
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <StackLayout>
                    <Label Text="{Binding Text}" FontSize="22"/>
                    <Label Text="{Binding Date}" FontSize="14" TextColor="Silver"/>
                </StackLayout>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

 

标签:ToolbarItems,示例,TabBar,MAUI,Android,导航
From: https://www.cnblogs.com/qq2806933146xiaobai/p/16709717.html

相关文章

  • MAUI页面导航-await Shell.Current.GoToAsync();
    示例:Shell.Current.GoToAsync("..");//导航到前一页Shell.Current.GoToAsync(nameof(NotePage));//导航到Note页Shell.Current.GoToAsync($"{nameof(NotePage)}?{......
  • [Android][客需]内存释放
    客户无感知的杀后台机制,当RAM使用率超过60%,自动关闭5分钟未使用的APP直接上源码懒得解析有空再写  //SWwenjie.guaddforsthstart  privatevoidRamLi......
  • 虚拟人实时互动之基于Android驱动表情随动
    ZEGOAvatar表情随动功能简介ZEGOAvatarSDK提供了表情随动功能,基于领先的人脸关键点精准识别,结合面部、舌头、眼球在内的52种基础面部表情维度,实时捕获用户脸部的表......
  • linux命令操作android手机
    目的通过一台linux机器操作android手机做一些常用的操作复杂的操作都是由简单操作开始的,可以自行发掘环境笔记本:thinkpadt480操作系统:archlinuxadb版本:31......
  • Android13的适配内容
    Android的13需要适配的内容Android13即将发布,对于这个版本的发版内容,记录一下Android开发者需要做的工作内容。通知权限的适配上一次的通知大改动是Android8.0,增夹的......
  • Android最强布局——ConstraintLayout约束布局
    ConstraintLayout首先,现附上官方文档:ConstraintLayout官方文档约束布局ConstraintLayout是一个ViewGroup,可以在Api9以上的Android系统使用它,它的出现主要是为了解决布局......
  • Android代码实现view的背景渐变色
    设置view的背景颜色,有两种方法,一种是通过代码写的形式,一种是通过写一个xml的形式先说第一种,用代码实现view的背景渐变色:intcolors[]={0xff2D0081,0xff8B3097,0xf......
  • Android compose使文本垂直居中
    仅使用Text()无法垂直居中。需要将Box()与contentAlignment=Alignment一起使用。居中还有用于对齐的CenterStart和CenterEnd选项。Box(contentAlignment=Alignmen......
  • 34. 在Android中集成高德地图
    34.在Android中集成高德地图34.1高德地图开放平台创建新应用点击“添加”按钮新建一个工程34.2获取安全码这个工具是jdk自带的使用命令keytool-list-......
  • MAUI+Android调试报错:XABLD7000: Xamarin.Tools.Zip.ZipException: Renaming temporar
    调试报错:严重性 代码 说明 项目 文件 行 禁止显示状态错误 XABLD7000:Xamarin.Tools.Zip.ZipException:Renamingtemporaryfilefailed:Permissiondenied在Xam......