首页 > 解决方案 > 设置内容页面图标

问题描述

我创建了一个带有主详细信息页面的汉堡菜单。在详细信息页面中,我希望有一个带有快捷方式的按钮导航栏(如 android 的 twitter 应用程序),但没有显示 eash 快捷方式的图标。我尝试使用 url、文件路径和 ImageSource,但这些都没有显示图像图标。

<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="KiaiDay.Views.Main.HomePage"
             xmlns:pages="clr-namespace:KiaiDay.Views.Main"
             xmlns:local="clr-namespace:KiaiDay.MarkupExtensions" NavigationPage.HasNavigationBar="False">


  <MasterDetailPage.Master>
...

  </MasterDetailPage.Master>


    <MasterDetailPage.Detail>
        <NavigationPage>
            <x:Arguments>
                <pages:HomePageDetail />
            </x:Arguments>
        </NavigationPage>
    </MasterDetailPage.Detail>
</MasterDetailPage>

主页详情

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            x:Class="KiaiDay.Views.Main.HomePageDetail"
            Title="Pagina Inicial"
            xmlns:local="clr-namespace:KiaiDay.MarkupExtensions"
            xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
            xmlns:view ="clr-namespace:KiaiDay.Views.PosLogin"
            BarBackgroundColor="LightGray" BarTextColor="White"
            android:TabbedPage.ToolbarPlacement="Bottom">

    <ContentPage Title="Home" Icon="{local:ImageResource KiaiDay.Images.calendarWhite.png}" NavigationPage.TitleIcon="calendarWhite.png"/>
    <ContentPage Icon="calendarWhite.png"/>
    <ContentPage Icon="https://img.icons8.com/ios/50/000000/calendar-11.png" />
</TabbedPage>

我使用位于 android 项目(Resources/drawable)和 ImageSource 的文件路径尝试了图像的 Url。这些都无法显示图标。

标签: c#xamarinxamarin.forms

解决方案


所以,我解决了这个问题。每个平台都需要有图像文件。安卓Resources/drawable和 iOS Resources。之后更改每个图像的构建操作,适用于 Android 集AndroidResource和 iOS bundleResource


推荐阅读