其他分享
首页 > 其他分享> > android – 在图像视图的触摸事件上填充两个图像叠加,如搜索条

android – 在图像视图的触摸事件上填充两个图像叠加,如搜索条

作者:互联网

有两个图像黑色和蓝色,而触摸蓝色图像它应该像进展一样填充,我使用多个切割图像,而不使用画布,但没有获得触摸平滑,如100 Pushups application.

实际上我正在尝试实现类似100 Pushups应用程序,如上所述,我有一个link但是使用画布实现,我想实现使用图像,我谷歌但没有运气,任何链接或教程类似于该应用程序( 100次俯卧撑)?

解决方法:

这是我用剪辑路径想出的东西.我正在使用下面的图像(编码器颜色),其中背景是实心的,前景一个只包含透明背景上的蓝色圆圈.将第一个背景图像绘制到屏幕上,然后设置剪辑路径,以便在其上方正确绘制前景图像.

背景图片; http://i.imgur.com/Sf6kg.png
前景图像; http://i.imgur.com/Svtoh.png

和代码;

private class ProgressView extends View {

    private Bitmap bgBitmap;
    private Bitmap fgBitmap;
    private RectF fullRect = new RectF();
    private Path clipPath = new Path();

    public ProgressView(Context context) {
        super(context);
        bgBitmap = BitmapFactory.decodeResource(
                                   context.getResources(), R.drawable.bg);
        fgBitmap = BitmapFactory.decodeResource(
                                   context.getResources(), R.drawable.fg);
    }

    @Override
    public void onDraw(Canvas c) {
        fullRect.right = getWidth();
        fullRect.bottom = getHeight();

        c.drawBitmap(bgBitmap, null, fullRect, null);

        float angle = SystemClock.uptimeMillis() % 3600 / 10.0f;

        clipPath.reset();
        clipPath.setLastPoint(getWidth() / 2, getHeight() / 2);
        clipPath.lineTo(getWidth() / 2, getHeight());
        clipPath.arcTo(fullRect, -90, angle);
        clipPath.lineTo(getWidth() / 2, getHeight() / 2);
        c.clipPath(clipPath);

        c.drawBitmap(fgBitmap, null, fullRect, null);

        invalidate();
    }   
}

如果用合适的图像替换我的临时图像并以更合适的方式更新角度,是不是太难了.

标签:android,android-imageview,seekbar,gauge
来源: https://codeday.me/bug/20190520/1143798.html