android - 1 つのフレームに複数のセクションを作成し、すべてのセクションをシングルトンで動作させる

Question

私はPic Frame、Insta collageに似たアプリケーションに取り組んできました。このタスクの実行に成功し、このようなフレームを作成するコードを作成した方法のいくつかは、Multitouch ビュー クラスを使用しました。

マルチタッチビュー クラス

import java.util.ArrayList;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;


/**
 * Canvas View for the MultiTouch controller
 * @author 2dwarfs.com
 *
 */

public class MultiTouchView extends View implements MultiTouchObjectCanvas<PinchWidget> {

    private static final int UI_MODE_ROTATE = 1;
    private static final int UI_MODE_ANISOTROPIC_SCALE = 2;
    private int mUIMode = UI_MODE_ROTATE;
    ArrayList<PinchWidget> alist = new ArrayList<PinchWidget>();

    private MultiTouchController<PinchWidget> mMultiTouchController = new MultiTouchController<PinchWidget>(this);

    private int mWidth, mHeight;

    private PinchWidget mPinchWidget;
    private Context mContext;

    public MultiTouchView(Context context) {
        super(context);
        //mContext = context;
    }

    public void clearCache(){
        alist.clear();
    }

    public MultiTouchView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext = context;
    }

    public MultiTouchView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public void setPinchWidget(Bitmap bitmap) {
        mPinchWidget = new PinchWidget(bitmap);
         alist.add(mPinchWidget);
        mPinchWidget.init(mContext.getResources());
        invalidate();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        mWidth = resolveSize(getSuggestedMinimumWidth(), widthMeasureSpec);
        mHeight = resolveSize(getSuggestedMinimumHeight(), heightMeasureSpec);
        setMeasuredDimension(mWidth, mHeight);
    }

    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.TRANSPARENT);
        for(PinchWidget mmPinchWidget : alist )
           mmPinchWidget.draw(canvas);

    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return mMultiTouchController.onTouchEvent(ev);
    }

    @Override
    public PinchWidget getDraggableObjectAtPoint(PointInfo pt) {
        float x = pt.getX(), y = pt.getY();
        for(PinchWidget mPinchWidget : alist) {
        if (mPinchWidget.containsPoint(x, y)) {
            return mPinchWidget;
        }
        }

        return null;
    }

    @Override
    public void getPositionAndScale(PinchWidget pinchWidget, PositionAndScale objPosAndScaleOut) {
        objPosAndScaleOut.set(pinchWidget.getCenterX(), pinchWidget.getCenterY(), 
                (mUIMode & UI_MODE_ANISOTROPIC_SCALE) == 0,
                (pinchWidget.getScaleFactor() + pinchWidget.getScaleFactor()) / 2, 
                (mUIMode & UI_MODE_ANISOTROPIC_SCALE) != 0, 
                pinchWidget.getScaleFactor(), 
                pinchWidget.getScaleFactor(),
                (mUIMode & UI_MODE_ROTATE) != 0, 
                pinchWidget.getAngle());
    }

    @Override
    public boolean setPositionAndScale(PinchWidget pinchWidget, PositionAndScale newImgPosAndScale, PointInfo touchPoint) {
        boolean ok = pinchWidget.setPos(newImgPosAndScale, mUIMode, UI_MODE_ANISOTROPIC_SCALE, touchPoint.isMultiTouch());
        if(ok) {
            invalidate();
        }

        return ok;
    }

    @Override
    public void selectObject(PinchWidget pinchWidget, PointInfo touchPoint) {
        if(touchPoint.isDown()) {
            mPinchWidget = pinchWidget;
        }

        invalidate();
    }
}

そして、このフレームをXMLファイルで次のように使用しました

2 つのフレームの Two.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/transparent"
    android:orientation="horizontal" >

    <com.example.imageframe.MultiTouchView
        android:orientation="horizontal"
        android:id="@+id/firstone"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5.0dip"
        android:layout_marginLeft="5.0dip"
        android:layout_marginRight="5.0dip"
        android:layout_marginTop="5.0dip"
        android:layout_weight="0.5"
        android:background="@drawable/back" />

    <com.example.imageframe.MultiTouchView
        android:orientation="horizontal"
        android:id="@+id/secondone"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5.0dip"
        android:layout_marginRight="5.0dip"
        android:layout_marginTop="5.0dip"
        android:layout_weight="0.5"
        android:background="@drawable/back" />

</LinearLayout>

しかし、コーディング中に、このようなフレームを作成して使用するのは非常に複雑な方法だと思いました。また、これらのフレームは特別に正方形/長方形の形状であり、曲線のエッジのフレームを作成したり、フレームの形状を動的に変更したり (フレームのパーティションを大きく/小さくしたり、フレームの形状を変更したり) することはできません。

この解決策を達成するための適切な解決策を見つけるためにあらゆることを検索しましたが、成功しませんでした。

フレームを動的に作成/操作/編集する方法をできるだけ早く教えていただくか、この種の機能を実現するためのコード スニペットを提供してください。