Translations: 简体中文
The decoded Bitmap can be converted through Transformation. Sketch has the following built-in Transformation
- CircleCropTransformation: Crop the image into a circle
- RotateTransformation: Rotate the image by a specified angle
- RoundedCornersTransformation: Crop the image into a rounded rectangle
- MaskTransformation: Cover the image with a color mask, often used to darken the image when using it as the background of a window or module.
- BlurTransformation: Blur the image
Notice:
- Transformation does not support animated graphics. Please use the animatedTransformation() function for animated image.
- When using RoundedCornersTransformation, please use it with 'resizePrecision( Precision.EXACTLY)', because if the original image size is the same as When the resize size is inconsistent, the final fillet will be scaled during display, resulting in the fillet size being inconsistent with expectations.
Both ImageRequest and ImageOptions provide transformations methods for configuring Transformation
imageView.displayImage("https://www.sample.com/image.jpg") {
transformations(CircleCropTransformation(), RoundedCornersTransformation(20f))
}When customizing Transformation, you need to pay attention to the implementation of the key attribute
Because the key attribute is used to remove duplicate Transformation when building the Transformation list, the uniqueness and certainty of the key attribute must be ensured:
- The same Transformation inputs the same parameters and outputs the same key
- The same Transformation inputs different parameters and outputs different keys.
Note: For custom Transformation, do not perform recycle() on the input Bitmap of the transform method or put it into a BitmapPool. This will cause unpredictable errors.