如何在Xamarin表单中设置图标大小?]

时间:2018-08-27 10:54:27

标签: xamarin.forms icons toolbar

我在Xamarin工具栏中添加了一个图标。但是我看到图标在模拟器中看起来很小,并且仍然无法更改工具栏项目图标的大小。我在XAML页面中的源代码如下所示。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage[enter image description here][1]
    x:Class="IDIS.HomePage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    BackgroundColor="White"
    NavigationPage.HasNavigationBar="True">

    <ContentPage.ToolbarItems>
        <ToolbarItem
            Icon="home1.png"
            Order="Primary"
            Priority="0"
            Text="Home" />
        <ToolbarItem
            Icon="noti1.png"
            Order="Primary"
            Priority="1"
            Text="Notification" />
        <ToolbarItem
            Icon="rating1.png"
            Order="Primary"
            Priority="2"
            Text="Rating" />
        <ToolbarItem
            Icon="feedback1.png"
            Order="Primary"
            Priority="3"
            Text="Feedback" />
        <ToolbarItem
            Order="Secondary"
            Priority="0"
            Text="Item 2" />
    </ContentPage.ToolbarItems>
</ContentPage>

我的输出的截图

Screenshot

2 个答案:

答案 0 :(得分:2)

首先创建一个大小为512 * 512的图标,然后使用this网站生成适当大小的图标。从网站解压缩下载的文件后,您会看到有两个文件夹。一个是android,另一个是iOS。将图像从android文件夹复制并粘贴到其相应的资源文件夹(drawable-hpdi,drawable-xhdpi,drawable-xxhdpi和drwable-xxxhdpi),还将三个文件复制并粘贴到iOS文件夹中(image,image @ 2x,image @ 3x )到iOS项目中的Resource文件夹。

答案 1 :(得分:1)

您实际上必须更改图像大小-这是我使用的示例:

您可以在eShopOnContainers上从Xamarin的人那里获得良好的示例应用程序

Android

drawable-hdpi

  • eShopOnContainers.Droid / Resources / drawable-hdpi / app_settings.png
  • 256x 256

drawable-xhdpi

  • eShopOnContainers.Droid / Resources / drawable-xhdpi / app_settings.png
  • 341 x 341

drawable-xxhdpi

  • eShopOnContainers.Droid / Resources / drawable-xxhdpi / app_settings.png
  • 512 x 512

IOS

  • eShopOnContainers.iOS / Resources / app_settings.png
  • 44 x 44

  • eShopOnContainers.iOS/Resources/app_settings@2x.png

  • 44 x 44

  • eShopOnContainers.iOS/Resources/app_settings@3x.png

  • 66 x 66