Блог

Как сделать отступы для исходного изображения внутри кнопки image?

Обновить:

 <ImageButton Source="cell_arrow_right.png" IsVisible="{Binding IsNotLeaf}"
                     VerticalOptions="Center" HorizontalOptions="Center" 
                     WidthRequest="40" HeightRequest="40" Aspect="Fill"
                     Clicked="ImageButton_Clicked" Margin="0, 0, 15, 0"
                     BackgroundColor="Transparent" BorderColor="Accent" 
                     BorderWidth="1" Scale="0.9" CornerRadius="5" />
  

Я пытался использовать Padding , не работает.. Это просто перемещает исходное изображение. Также я попытался отредактировать margin — все еще без результата.
Теперь я только что отредактировал само изображение, сделал его с дополнениями. Но это плохое решение..(

Я подозреваю, что проблема на самом деле в HorizontalOptions и VerticalOptions , для обоих установлено значение Center , которое расположит ImageButton в центре содержащего его элемента.

Попробуйте удалить их полностью (по умолчанию они имеют значение HorizontalOptions=Fill , то же самое для vertical). Или вы могли бы попробовать:

 <ImageButton VerticalOptions="Start" HorizontalOptions="Start" Margin="10" />
  

Это даст поле в 10 вокруг ImageButton и расположит изображение в начале содержащего его элемента (по горизонтали и вертикали, т.е. сверху и слева).

Заполнение представляет собой расстояние между элементом и его дочерними элементами.

Поле представляет собой расстояние между элементом и соседними элементами.

Здесь есть хорошее руководство.