asset_button

Description:

asset button

image_button #
image button utilities.
Image button needs two asset image: one is normal(neccesary) , one is hover(not neccesary).
Normal image is for normal displaying, hover image is shown when mouse hover the button area.
When taping the button, shrink animation plays.

e.g. demo app



use independent image
WidgetImageButton(
imageNormal:
WidgetAssetImage(assetPath: 'assets/images/icon_normal.png'),
imageHover:
WidgetAssetImage(assetPath: 'assets/images/icon_hover.png'),
onTap: () {
print('independent icon image button');
},
),
copied to clipboard

crop image from one whole image
WidgetImageButton(
imageNormal: WidgetAssetImage(
assetPath: 'assets/images/icons.png',
cropRect: Rect.fromLTWH(58, 165, 95, 95)),
imageHover: WidgetAssetImage(
assetPath: 'assets/images/icons.png',
cropRect: Rect.fromLTWH(170, 164, 95, 95)),
onTap: () {
print('image button icon crop from one image');
},
)
copied to clipboard

resource:



resource
image




icon hover



icon normal



one whole image



background