AppBar按钮图标不适合elipse内部 [英] AppBar button icon not fitting inside elipse

问题描述

嘿我正在创建底部应用栏并添加3个应用栏按钮，如下所示。一个使用内置图标，另外两个使用位图图标

 < AppBarButton> 
< AppBarButton.Icon> 
< BitmapIcon UriSource =ms-appx：///Assets/Like.pngHeight =20Width =20/> 
< /AppBarButton.Icon> 
  

带位图图标的AppBarButton正确显示在设计视图中，它包含在appbar按钮的eclipse中。但是当我在手机上部署它时，应用栏按钮看起来如下（右边两个）

：

Hey I am creating bottom app bar and adding 3, app bar button to it like shown below. One use inbuilt icon and the other two uses Bitmap icons

<AppBarButton>
<AppBarButton.Icon>
    <BitmapIcon UriSource="ms-appx:///Assets/Like.png" Height="20" Width="20"/>
</AppBarButton.Icon>

AppBarButton with bitmap icons display correctly in the design view, that is enclosed within the eclipse of appbar button. But when I deploy it on my phone the app bar button looks like below (two on the right)

https://s24.postimg.org/q3yg74gx1/wp_ss_20150309_0002.jpg

What is wron with it

解决方案

I think you may have forgotten about appropriate padding - more information at MSDN:

这篇关于AppBar按钮图标不适合elipse内部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！