Xamarin.Forms 3.4

もう3.4がリリースされました。

3.0 : ⁶⁄₂₇
3.1 : ⁸⁄₂
3.2 : ¹⁰⁄₃
3.3 : ¹⁰⁄₁₇
3.4 : ¹¹⁄₁₅

チェックしておきたいのは、ImageButtonです。普通のButtonだとイメージを指定してもテキストの横に表示されるため、単なる画像ボタンとしては使いにくいところがありました。なので、何かと自前でやることになったのですが、これぐらいよく使うものであれば、標準で対応してくれると書き方がぶれにくくなっていいですね。

ImageButton

Source
BackgroundColor
BorderColor
BorderWidth
CornerRadius

この辺のプロパティを使って、枠付き枠なし、角丸ありなし、とかできますね。あと、IsPressedとstyle triggerを使えば、押したときのスタイルを指定できますから、なんか複雑なボタンじゃなければこれで十分使えそうです。

<StackLayout HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">
  <Label Text="Welcome to Xamarin Forms and Prism!" />
  <ImageButton Source="alertcircle"
               HorizontalOptions="Center"/>
  <ImageButton Source="alertcircle"
               HorizontalOptions="Center"
               BorderColor="Gray"
               BorderWidth="1"/>
  <ImageButton Source="alertcircle"
               HorizontalOptions="Center"
               BackgroundColor="DarkGray"/>
  <ImageButton Source="alertcircle"
               HorizontalOptions="Center"
               BackgroundColor="DarkGray"
               BorderColor="Gray"
               BorderWidth="1"/>
  <ImageButton Source="alertcircle"
               HorizontalOptions="Center"
               BackgroundColor="DarkGray"
               BorderColor="Gray"
               BorderWidth="1"
               CornerRadius="50"/>
</StackLayout>

ios

SPACEKEY

Technical Memorandum

Xamarin.Forms 3.4

ImageButton