自定义View只显示在左上角

Question

我想做的是在我的 activity 中添加一个自定义视图，然后将其自由拖放到我想要的任何位置。我创建了一个新的 class "Square"。当我构建一个新的 Square 时，它会显示在 Display 的左上角。当我设置 X 和 Y 坐标时，它会消失。如果我将 X 和 Y 设置为 30，我会看到 Square 部分显示。所以我的视图似乎只显示在显示器左上角的一个小框架中。
请帮助我将我的自定义视图移至显示器。谢谢！

主要活动：

private Button btnNewSquare;
private RelativeLayout relativeLayout;
private Square[] square = new Square[10];
int squareId = 0;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    btnNewSquare = (Button)findViewById(R.id.button1);
    relativeLayout = (RelativeLayout)findViewById(R.id.RelativeLayout);

    btnNewSquare.setOnClickListener(this);
}


@Override
public void onClick(View v) {
    // TODO Auto-generated method stub
    if(v == btnNewSquare) {
        squareId++;
        square[squareId] = new Square(this);
        square[squareId].setX(30);
                    square[squareId].setY(30);
        square[squareId].setOnTouchListener(square[squareId]);
        relativeLayout.addView(square[squareId]);
        relativeLayout.invalidate();
        Toast.makeText(getApplication(), "Square" + squareId, Toast.LENGTH_SHORT).show();           
        square[squareId].invalidate();          
    }
}

方形

private int squareWidth = 100;
private Paint paint;

public Square(Context context) {
    super(context);
    initSquare();
    // TODO Auto-generated constructor stub
}

public Square(Context context, AttributeSet attrs) {
    super(context, attrs);
    initSquare();
}

private final void initSquare() {
    paint = new Paint();
}   

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

   setMeasuredDimension(squareWidth, squareWidth);
}   

@Override
protected void onDraw(Canvas canvas) {    
    //super.onDraw(canvas);
    paint.setStyle(Style.FILL);
    paint.setColor(Color.BLACK);
    paint.setStrokeWidth(3);
    canvas.drawRect(getX(), getY(), getX() + squareWidth, getY() + squareWidth, paint);  
}

@Override
public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_UP) {
        v.setVisibility(View.VISIBLE);
    }
    return false;
}

我的XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/RelativeLayout"
    tools:context="${relativePackage}.${activityClass}" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="38dp"
        android:text="New Square" />

</RelativeLayout>

Answer 1

答案很简单。 onDraw() 方法中的坐标属于视图，不属于屏幕。因此，如果我通过拖放移动我的视图，让我们说 (500, 500) 我必须在 onDraw 方法中绘制我的矩形仍然在 (0,0,100,100) 而不是 (500, 500, 600, 600) 所以正确代码行将是：

canvas.drawRect(0, 0, squareWidth, squareWidth, 油漆);

而不是

canvas.drawRect(getX(), getY(), getX() + squareWidth, getY() + squareWidth, 油漆);

自定义View只显示在左上角

Custom View is only displayed on the upper left corner

android

drag-and-drop

android-custom-view