Android getX和getY用于自定义视图:奇怪的行为

时间:2014-12-02 13:46:51

标签: android xml android-layout android-canvas android-custom-view

我需要您的Android自定义视图和方法getX()getY()的帮助:我正在尝试在view.getX()和view.getY()上绘制一个简单的圆圈,但是正如我所料,圆圈的左上角没有中心。请参见下图(自定义视图是绿色矩形):

My custom view

这是我的自定义视图代码:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;


public class PlotterView extends View {

    private Paint paint;
    public PlotterView(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        paint.setColor(Color.BLUE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawCircle(this.getX(), this.getY(),5, paint);

    }
}

这就是整个布局:

<LinearLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="calc.PlotFunctionActivity">

    <calc.PlotterView
        android:id="@+id/plotter"
        android:padding="0dp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="#00FF00"
        android:layout_weight="8"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal"
        android:layout_weight="2">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="@dimen/plot_text_size"
            android:text="f(x)="
            android:gravity="center_vertical|end"/>
        <EditText
            android:id="@+id/function"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:textSize="@dimen/plot_text_size"
            android:layout_weight="4"
            android:gravity="center_vertical|start"/>
        <Button
            android:id="@+id/plot"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:textSize="@dimen/plot_text_size"
            android:layout_weight="2"
            android:text="@string/plot_button_label"/>
        </LinearLayout>

</LinearLayout>

有什么建议吗?先感谢您。

1 个答案:

答案 0 :(得分:1)

pskink是完全正确的,你为你的&#34; base&#34;设置了填充。 linearlayout你的情节视图所以当你调用getX()时,它会返回plotview在其父布局(你的base linearlayout)地标(相当于16dp的东西)中的位置。

然后,当您绘制圆形时,在plotview地标中设置圆心,因此绿色视图的左上角为(0,0)。现在,您可以在baselayout-plotview和plotview-circle center之间看到相同的翻译。