Xamarin Forms ImageButton

기존에 이미지가 삽입된 버튼을 사용하려면

Image 컨트롤에 터치엑션을 연결하여 마치 버튼처럼 동작하도록 하거나

Button 컨트롤 안에 억지로 이미지를 넣는 조금 귀찮은 작업을 해야했다.

반갑게도 Xamarin.Forms 3.4.0 릴리즈에 ImageButton 이라는 컨트롤이 추가되었다.

마침 토이프로젝트에 ImageButton이 필요하던 참이라 바로 적용 해보았다.

<Code>

<ImageButton x:Name="DrawRoomImageButton"
                         Grid.Column="0"
                         Margin="10"
                         HorizontalOptions="CenterAndExpand"
                         VerticalOptions="CenterAndExpand"
                         BackgroundColor="Gray"
                         Source="{et:ImageResource Batcher.Resources.Images.Icons.Drawing_Icon.png}"/>

<Result>

좌측이 새로적용한 ImageButton이고 우측이 기본 Button에 Text를 넣은 결과이다. 

(레이아웃은 동일)

Sourcr property에 이미지를 넣어 사용할 수 있다.

또한 기존 Button에 있던 Text를 비롯한 FontSize, TextColor와 같은 Text 관련 property들은 사라졌다.

+ background color를 별도로 설정해주지 않으면 회색버튼이 뒤쪽 배경으로 나온다.

버그같은데 리포팅은 귀찮고 그냥 배경색 설정해주면 별다른 문제는 없다.

ref : https://blog.xamarin.com/xamarin-forms-3-4-0-say-hello-to-imagebutton/