Search code examples
iconswindows-phone-8.1appbar

AppBar button icon not fitting inside elipse


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

Wrong render of appbar button

What is wron with it


Solution

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

    paddig of app bar