web-dev-qa-db-ja.com

Xamarinフォームアイコン

Xamarinフォームアプリ内にアイコンを実装する方法を知りたいです。グリフィコンや素晴らしいフォントなどを使用したい。ただし、xaml/c#ページに実装する方法がわかりません。

理想的には、私はこのようなものを目指しています:

enter image description here

検索バーや3行のようなアイコンを表示するコードを誰かが提供できれば、それはすばらしいことです。きれいに見えるようにフォーマットできます。実際にアイコンを引き込む方法に苦労しています!

10
Connor Meeks

最も簡単な方法は、 https://github.com/jsmarcus/Xamarin.Plugins を使用することです。

Visual StudioまたはXamarin Studioから、次のパッケージをインストールします。

  • Xam.Plugin.Iconize
  • Xam.Plugin.Iconize.FontAwesome
  • Xam.FormsPlugin.Iconize

注:必要に応じて、Xam.Plugin.Iconize.Materialおよびその他多くの類似のものをインストールできます。

Androidプロジェクト、MainActivityクラス、OnCreate()メソッドに追加

FormsPlugin.Iconize.Droid.IconControls.Init(Resource.Id.toolbar);
Plugin.Iconize.Iconize.With(new Plugin.Iconize.Fonts.FontAwesomeModule());

IOSプロジェクトのAppDelegateクラス、FinishedLaunching()メソッドで、同様の行を追加します

FormsPlugin.Iconize.iOS.IconControls.Init();
Plugin.Iconize.Iconize.With(new Plugin.Iconize.Fonts.FontAwesomeModule())

また、iOSプロジェクトでは、info.plist add

<key>UIAppFonts</key>
<array>     
    <string>iconize-fontawesome.ttf</string>
</array>    

次に、ツールバーがあるXAMLで、タグに以下を追加します

<ContentPage ...
xmlns:iconize="clr-namespace:FormsPlugin.Iconize;Assembly=FormsPlugin.Iconize" ...
>

そして

<ContentPage.ToolbarItems>
    <iconize:IconToolbarItem Order="Primary" Clicked="..." Icon="fa-search" IconColor="White" />
</ContentPage.ToolbarItems>
5

Xamarinフォームの新しいリリースを見て、ソリューションが作成されました!私はアンサーを https://stackoverflow.com/a/56257444/11305148 に投稿しました

しかし、それはあります。次のコードは問題なく動作します。

<Button  Text="Pesquisar">
    <Button.ImageSource>
         <FontImageSource Glyph="&#xf002;" FontFamily="{StaticResource FontIcon}"/>
    </Button.ImageSource>
</Button>

そしてこれも:

<ContentPage.ToolbarItems>
    <ToolbarItem>
        <ToolbarItem.IconImageSource>
             <FontImageSource Glyph="&#xf002;" FontFamily="{StaticResource FontIcon}"/>
        </ToolbarItem.IconImageSource>
    </ToolbarItem>
</ContentPage.ToolbarItems>
1
MatthewLC