{"id":38281,"date":"2018-11-15T14:17:28","date_gmt":"2018-11-15T19:17:28","guid":{"rendered":"https:\/\/blog.xamarin.com\/?p=38281"},"modified":"2019-03-25T13:50:38","modified_gmt":"2019-03-25T21:50:38","slug":"xamarin-forms-3-4-0-say-hello-to-imagebutton","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/xamarin\/xamarin-forms-3-4-0-say-hello-to-imagebutton\/","title":{"rendered":"Xamarin.Forms 3.4.0: Say Hello to ImageButton"},"content":{"rendered":"

As part of our long-term goal to have more frequent releases, we\u2019re pleased to announce the release of Xamarin.Forms 3.4.0. As always, this release contains even more bug fixes and most notably, another new highly requested feature, an ImageButton!<\/p>\n

ImageButton<\/h3>\n

The ImageButton<\/a>\u00a0is a new control which is functionally separate from a typical Button where the Image property is usually for displaying a small icon next to the Button\u2019s text. Implementing the button is straightforward, as you might expect:<\/p>\n

<ImageButton Source=\"xamagon.png\" \r\n            BackgroundColor=\"Transparent\"\r\n            WidthRequest=\"300\"\r\n            HeightRequest=\"300\"\r\n            FlexLayout.AlignSelf=\"Center\"\r\n            FlexLayout.Grow=\"1\"\r\n            Clicked=\"ImageButton_Clicked\"\r\n            Aspect=\"AspectFit\">\r\n    <VisualStateManager.VisualStateGroups>\r\n        <VisualStateGroup x:Name=\"CommonStates\">\r\n            <VisualState x:Name=\"Normal\">\r\n                <VisualState.Setters>\r\n                    <Setter Property=\"Scale\" Value=\"1\"\/>\r\n                <\/VisualState.Setters>\r\n            <\/VisualState>\r\n\r\n            <VisualState x:Name=\"Pressed\">\r\n                <VisualState.Setters>\r\n                    <Setter Property=\"Scale\" Value=\"0.8\"\/>\r\n                <\/VisualState.Setters>\r\n            <\/VisualState>\r\n\r\n        <\/VisualStateGroup>\r\n    <\/VisualStateManager.VisualStateGroups>\r\n<\/ImageButton><\/pre>\n
In the above example, you set an image in the same way as on an Image using the Source property which takes any ImageSource<\/a>, and you can now add a handler for the Clicked<\/code> event. Using the VisualStateManager<\/a> introduced in Xamarin.Forms 3.0, you can do things such as change the scale of the button when pressed. The result:<\/p>\n
 <\/p>\n
\"\"<\/a><\/p>\n
 <\/p>\n
ImageButton<\/code> also supports Command<\/code> and CommandParameter<\/code> for easily binding to a ViewModel or other binding context.<\/p>\n
<\/div>\n
Get Started Today!<\/h3>\n
Check out the full release notes<\/a> for all of the details and we encourage you to explore the documentation. Xamarin.Forms 3.4.0 includes more than 40 bug fixes and ships less than a month after 3.3.0, giving you more improvements at an even quicker pace.<\/p>\n
This update is now available on NuGet via the Visual Studio package manager. The new ImageButton<\/code> control can also be seen in action in\u00a0The Little Things Playground.<\/em><\/p>\n