【软通动力】HarmonyOS三方件开发指南（8）——RoundedImage 原创 精华

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">
    <com.custom.library.RoundedImage
        ohos:id="$+id:image1"
        ohos:height="300"
        ohos:width="300"
        ohos:top_margin="20vp"
        ohos:layout_alignment="center"/>
    <com.custom.library.RoundedImage
        ohos:id="$+id:image2"
        ohos:height="400"
        ohos:width="400"
        ohos:layout_alignment="center"
        ohos:top_margin="20vp"/>
    <com.custom.library.RoundedImage
        ohos:id="$+id:image3"
        ohos:height="500"
        ohos:width="500"
        ohos:layout_alignment="center"
        ohos:top_margin="20vp"/>
</DirectionalLayout>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.

@Override
public void onStart(Intent intent) {
    super.onStart(intent);
    super.setUIContent(ResourceTable.Layout_ability_main);
    RoundedImage roundedImage1 = (RoundedImage) findComponentById(ResourceTable.Id_image1);
    roundedImage1.setPixelMapToRoundedRect(ResourceTable.Media_photo, 100, 50, 100, 50);
    RoundedImage roundedImage2 = (RoundedImage) findComponentById(ResourceTable.Id_image2);
    roundedImage2.setPixelMapToRoundedRect(ResourceTable.Media_photo1, 100, 100, 100, 100);
    RoundedImage roundedImage3 = (RoundedImage) findComponentById(ResourceTable.Id_image3);
    roundedImage3.setPixelMapToRoundedRect(ResourceTable.Media_photo2, 50, 100, 50, 100);
    }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

@Override
public void onStart(Intent intent) {
    super.onStart(intent);
    super.setUIContent(ResourceTable.Layout_ability_main);
    RoundedImage roundedImage1 = (RoundedImage) findComponentById(ResourceTable.Id_image1);
    roundedImage1.setPixelMapToCircleImage(ResourceTable.Media_photo);
    RoundedImage roundedImage2 = (RoundedImage) findComponentById(ResourceTable.Id_image2);
    roundedImage2.setPixelMapToCircleImage(ResourceTable.Media_photo1);
    RoundedImage roundedImage3 = (RoundedImage) findComponentById(ResourceTable.Id_image3);
    roundedImage3.setPixelMapToCircleImage(ResourceTable.Media_photo2);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

@Override
public void onStart(Intent intent) {
    super.onStart(intent);
    super.setUIContent(ResourceTable.Layout_ability_main);
    RoundedImage roundedImage1 = (RoundedImage) findComponentById(ResourceTable.Id_image1);
    roundedImage1.setPixelMapToOvalImage(ResourceTable.Media_photo3);
    RoundedImage roundedImage2 = (RoundedImage) findComponentById(ResourceTable.Id_image2);
    roundedImage2.setPixelMapToOvalImage(ResourceTable.Media_photo4);
    RoundedImage roundedImage3 = (RoundedImage) findComponentById(ResourceTable.Id_image3);
    roundedImage3.setPixelMapToOvalImage(ResourceTable.Media_photo5);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

@Override
public void onDraw(Component component, Canvas canvas) {
    float centerX = getWidth() / 2f;
    float centerY = getHeight() / 2f;
    float radius = Math.min(centerX, centerY);
    Paint paint = new Paint();
    Shader shader = new PixelMapShader(holder, Shader.TileMode.CLAMP_TILEMODE, Shader.TileMode.CLAMP_TILEMODE);
    paint.setShader(shader, Paint.ShaderType.SWEEP_SHADER);
    canvas.drawCircle(centerX, centerY, radius, paint);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

@Override
public void onDraw(Component component, Canvas canvas) {
    Paint paint = new Paint();
    Shader shader = new PixelMapShader(holder, Shader.TileMode.CLAMP_TILEMODE, Shader.TileMode.CLAMP_TILEMODE);
    paint.setShader(shader, Paint.ShaderType.SWEEP_SHADER);
    PixelMap pixelMap = holder.getPixelMap();
    int min = Math.min(pixelMap.getImageInfo().size.width, pixelMap.getImageInfo().size.height);
    int radiusX = Math.min(min, minImageLength);
    float halfRadiusX = radiusX / 2f;
    float quarterRadiusX = radiusX / 4f;
    float left = getWidth() / 2f - halfRadiusX;
    float right = getWidth() / 2f + halfRadiusX;
    float top = getHeight() / 2f - quarterRadiusX;
    float bottom = getHeight() / 2f + quarterRadiusX;
    RectFloat rect = new RectFloat(left, top, right, bottom);
    canvas.drawOval(rect, paint);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

setCornerRadii(new float[]{topLeft, topLeft, topRigth, topRigth, bottomRight, bottomRight, bottomLeft, bottomLeft});
1.