在一点和另一点之间画线

时间:2018-08-27 03:07:47

标签: android drawing point

我在中心按钮和12个外部按钮之间有一个自定义线条视图,请参见图片。 代码块1是我用来获取每个按钮组合的中心点的代码。 代码块2是我的“自定义图形”,它绘制了每组中心点之间的线,总共12条线。
12条定制行都在xml文件中。 按钮和线条以两个单独的数组的形式传递到Public Class Drawline中。

我还创建了一个使用Path绘制三角形的类。它位于我图形的左上角。

我想要的。

按钮中心之间的一条线,该线在第二个终点附近停止。 我希望两点之间的线在“脆脆”和“平衡”按钮之间结束。我需要寻找如何“获取”这一点的x,y的帮助。我还要在行尾放置箭头。

enter image description here

public class Drawline {
    public void drawLines(List<LineView> mlinesToDraw,ArrayList<Button> buttonsbalance, Context
            context,Button btnbase) {
        float centerXOnImage1;
        double centerYOnImage1;
        float centerXOfImageOnScreen1;
        double centerYOfImageOnScreen1;
        float centerXOnImage2;
        float centerYOnImage2;
        float centerXOfImageOnScreen2;
        float centerYOfImageOnScreen2;
        List<LineView> mLine = mlinesToDraw;
        ArrayList<Button> btns = buttonsbalance;
        PointF pointA;
        PointF pointB;

        for (int i = 0; i < mLine.size(); i++) {
            Button button1 = btns.get(i + 1);  //skip btnx0/btnbase
            centerXOnImage1 = button1.getWidth() / 2;
            centerYOnImage1 = (button1.getHeight()) / 2;//-actionBarHeight)/2;
            centerXOfImageOnScreen1 = button1.getLeft()+ centerXOnImage1;
            centerYOfImageOnScreen1 = button1.getTop() + (centerYOnImage1);

            Button button2 = btnbase;
            centerXOnImage2 = button2.getWidth() / 2;
            centerYOnImage2 = (button2.getHeight()) / 2;//-actionBarHeight)/2;
            centerXOfImageOnScreen2 = button2.getLeft() + centerXOnImage2;
            centerYOfImageOnScreen2 = button2.getTop() + (centerYOnImage2);

            pointA = new PointF(centerXOfImageOnScreen1, (float) centerYOfImageOnScreen1);
            pointB = new PointF(centerXOfImageOnScreen2, (float) centerYOfImageOnScreen2);

            mLine.get(i).setPointA(pointA);
            mLine.get(i).setPointB(pointB);
            mLine.get(i).draw();
        }
    }

自定义工程图类。

public class LineView extends View {
   private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
   private PointF pointA,pointB;

//    private void init() {
//        paint.setColor(Color.BLACK);
//    }

    public LineView(Context context) {
        super(context);
     //   init();
    }

    public LineView(Context context, AttributeSet attrs) {
        super(context, attrs);
     //   init();
    }

    public LineView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
       // init();
    }
    @SuppressLint("ResourceAsColor")
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int color = R.color.GradientStart;
        paint.setColor(color);
        paint.setAntiAlias(true);
         paint.setStrokeWidth(6);
         canvas.drawLine(pointA.x, pointA.y, pointB.x, pointB.y, paint);
    }
    public void setPointA(PointF point){
            pointA=point;}
    public void setPointB(PointF point){
        pointB=point;}

    public void draw(){
        invalidate();
        requestLayout();
    }}

我觉得应该有一个更简单的方法来执行此操作,但是我还没有找到它。 感谢您的帮助。 谢谢, 吉姆

1 个答案:

答案 0 :(得分:0)

因为现在我每个外部按钮的角度和到该点的半径,所以我能够使用极坐标获得位置。然后,我使用以下转换获取相应的x和y坐标。

val x =半径* Math.cos(angle); val y =半径* Math.sin(angle);

这给了我画线所需的替代终点。