如何在Android中画一条线

有人可以举例说明如何在Android中画线吗？

#1 楼

这一条画了2条线，它们在屏幕的左上角形成了一个十字：

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

public class DrawView extends View {
    Paint paint = new Paint();

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

    public DrawView(Context context) {
        super(context);
        init();
    }

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

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

    @Override
    public void onDraw(Canvas canvas) {
            canvas.drawLine(0, 0, 20, 20, paint);
            canvas.drawLine(20, 0, 0, 20, paint);
    }

}

启动它的活动：

StartDraw.java

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;

public class StartDraw extends Activity {
    DrawView drawView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        drawView = new DrawView(this);
        drawView.setBackgroundColor(Color.WHITE);
        setContentView(drawView);

    }
}

如果我想在R.layout.main之类的其他活动中添加一行，该如何添加？

– mohan
10-9-1 '13：42

活动的布局必须包含一个View对象-没问题。您只需要一个View对象即可绘画

– DonGru
2010-09-1 13:58

我想画一条直线，如何给值startx start y stopx stopy？

– mohan
2010年9月6日7:17

实际上，您可以在android开发人员参考中发现drawLine（）具有以下参数：drawLine（float startX，float startY，float stopX，float stopY，Paint paint）

– DonGru
2010年9月6日在8:51

我使用这种方法在背景上画线。我想删除一条画线。对我有什么建议。你能建议我吗？

– tientuyen07
19年5月6日在4:11

#2 楼

如果要在布局中使用简单的线条来分隔两个视图，则可以使用通用视图，该视图具有希望线条具有的高度和宽度以及设置的背景色。

使用这种方法，您无需覆盖视图或自己使用Canvas，只需简单并干净地将行添加到xml中即可。

<View
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:background="@android:color/black" />

我提供的示例代码将生成一行，该行在屏幕的宽度上占满屏幕，高度为1 dp。

如果在小屏幕上绘制线条时遇到问题，请考虑将线条的高度更改为px。问题是在ldpi屏幕上，该行的高度为0.75像素。有时这可能会导致舍入而使直线消失。如果这对您的布局是一个问题，请为资源的行定义线宽，并为小屏幕创建一个单独的资源文件，将值设置为1px而不是1dp。

仅当您需要用于分隔布局元素的水平或垂直线。如果您想获得像十字一样的图像，我的方法将不起作用。

如何在运行时动态添加相同的视图？

–拉克希玛南
2011-12-20 10:38

Lakshmanan，为其提供一个ID，并在运行时将其可见性设置为View.GONE或VISIBLE

– Hatim
17年1月16日在11:15

也可以使用此解决方案制作十字，只需根据您想要的十字在其中添加“旋转”属性并使用两个视图。

– Arpit J.
5月27日12:08

#3 楼

使用Canvas或使用View可以画线的主要方法有两种。

用Canvas画线

从文档中我们看到我们需要使用以下方法：

drawLine (float startX, float startY, float stopX, float stopY, Paint paint)

这是图片：

Paint对象只是告诉Canvas画线条的颜色，应该画的宽度等等。

下面是一些示例代码：带有视图的线

如果仅需要水平或垂直直线，则最简单的方法可能是在xml布局文件中使用View。您将执行以下操作：

private Paint paint = new Paint();
....

private void init() {
    paint.setColor(Color.BLACK);
    paint.setStrokeWidth(1f);
}

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

    startX = 20;
    startY = 100;
    stopX = 140;
    stopY = 30;

    canvas.drawLine(startX, startY, stopX, stopY, paint);
}

这是两行（一横一竖）的图片，以显示其外观：

这是该文件的完整xml布局：

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@android:color/black" />

您是个天才的兄弟...我一直在尝试找出他们如何在使用绘画绘制视图时获取坐标...但是您发布的图片使我几乎了解了....是否任何在线工具来模拟这种图形，所以我在编码时使用它？

–user3600801
16-11-19在11:33

是否有可能使回调知道视图已完成绘制

–user3600801
16-11-19在12:38

我试图画两条不同的线。一旦绘制了第一条线，我就必须绘制第二条线。

–user3600801
16年11月19日在13:19

为什么不在同一onDraw上绘制两条线？

– Suragch
16-11-19在13:27

@ tientuyen07，如果您使用的是onDraw（），则在绘图代码周围加上if（someCondition）{draw ...}，使someCondition = false，然后在视图上调用invalidate（）。它将重新绘制没有线条的视图。

– Suragch
19年5月6日在15:33

#4 楼

您可以使用Developer android中的Finger paint示例在视图上绘制多条直线。
示例链接

只需评论：mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);
您将能够绘制直线。

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Point;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class JoinPointsActivity extends Activity  {
    /** Called when the activity is first created. */
    Paint mPaint;
    float Mx1,My1;
    float x,y;
    @Override

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       // setContentView(R.layout.main);
        MyView view1 =new MyView(this);
        view1.setBackgroundResource(R.drawable.image_0031_layer_1);
        setContentView(view1);


        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setColor(0xFFFF0000);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeJoin(Paint.Join.ROUND);
       // mPaint.setStrokeCap(Paint.Cap.ROUND);
        mPaint.setStrokeWidth(10);

    }

    public class MyView extends View {

        private static final float MINP = 0.25f;
        private static final float MAXP = 0.75f;

      private Bitmap  mBitmap;
        private Canvas  mCanvas;
        private Path    mPath;
       private Paint   mBitmapPaint;

        public MyView(Context c) {
            super(c);

            mPath = new Path();
          mBitmapPaint = new Paint(Paint.DITHER_FLAG);
        }

        @Override
       protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
            mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
            mCanvas = new Canvas(mBitmap);
        }

        @Override
        protected void onDraw(Canvas canvas) {
            canvas.drawColor(0xFFAAAAAA);
           // canvas.drawLine(mX, mY, Mx1, My1, mPaint);
           // canvas.drawLine(mX, mY, x, y, mPaint);
            canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
            canvas.drawPath(mPath, mPaint);

        }

        private float mX, mY;
        private static final float TOUCH_TOLERANCE = 4;

        private void touch_start(float x, float y) {
            mPath.reset();
            mPath.moveTo(x, y);
            mX = x;
            mY = y;
        }
        private void touch_move(float x, float y) {
            float dx = Math.abs(x - mX);
            float dy = Math.abs(y - mY);
            if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
               // mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);
                mX = x;
                mY = y;
            }
        }
        private void touch_up() {
            mPath.lineTo(mX, mY);
            // commit the path to our offscreen
            mCanvas.drawPath(mPath, mPaint);
            // kill this so we don't double draw
            mPath.reset();
        }

        @Override
        public boolean onTouchEvent(MotionEvent event) {
            float x = event.getX();
            float y = event.getY();

            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    touch_start(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_MOVE:
                    touch_move(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_UP:
                    touch_up();
               //   Mx1=(int) event.getX();
                 //  My1= (int) event.getY();
                   invalidate();
                    break;
            }
            return true;
        }
    }

}

有人可以帮我如何在相对布局上查看我的xml元素吗？您可以通过上面的示例向我提出建议。

– Hema
2012年2月21日在6:21

#5 楼

package com.example.helloandroid;

import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;
import android.view.View;

public class HelloAndroid2Activity extends Activity {
    /** Called when the activity is first created. */
DrawView drawView;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    drawView = new DrawView(this);
    drawView.setBackgroundColor(Color.WHITE);
    setContentView(drawView);
}
class DrawView extends View {
        Paint paint = new Paint();

        public DrawView(Context context) {
            super(context);
            paint.setColor(Color.BLUE);
        }
        @Override
        public void onDraw(Canvas canvas) {
             super.onDraw(canvas);
                canvas.drawLine(10, 20, 30, 40, paint);
                canvas.drawLine(20, 10, 50, 20, paint);

        }
}
}

#6 楼

用于布局上的水平线：

 <View
            android:id="@+id/View03"
            android:layout_width="fill_parent"
            android:layout_height="5dip"
            android:background="#0f0" />

用于布局上的垂直线：

<View
        android:id="@+id/View04"
        android:layout_width="5dip"
        android:layout_height="fill_parent"
        android:background="#0f0" />

他们都是一样的。垂直和水平之间有什么区别？

– Burhan ARAS
2014年7月20日在1:47

@ Burhan ARAS-在两个视图中它们的宽度和高度不同，它们仅绘制垂直线和水平线。

– Mohanraj
2014年7月24日在6:06

#7 楼

简单的一个

 <TextView
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#c0c0c0"
    android:id="@+id/your_id"
    android:layout_marginTop="160dp" />

#8 楼

canvas.drawLine(10, 10, 90, 10, paint);
canvas.drawLine(10, 20, 90, 20, paint);

这将创建一条水平直线，希望对您有所帮助！。

#9 楼

您可以通过xml中的形状来制作圆形，直线，矩形等可绘制对象，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="line" >

    <solid android:color="#00000000" />

    <stroke
        android:width="2dp"
        android:color="#808080" />

</shape>

#10 楼

该代码将水平线添加到线性布局中

View view = new View(this);
LinearLayout.LayoutParams lpView = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, 1); // --> horizontal
view.setLayoutParams(lpView);
view.setBackgroundColor(Color.DKGRAY);

linearLayout.addView(view);

#11 楼

  final SurfaceView surf = (SurfaceView)findViewById(R.id.surface_home);
                surf.setOnTouchListener( new SurfaceView.OnTouchListener(){
                    private boolean moving = false;//stupid state
                    public boolean onTouch(View v, MotionEvent event) {
                        switch( event.getAction() ){
                        case MotionEvent.ACTION_DOWN:
                            final int x = (int)event.getX();
                            final int y = (int)event.getY();
                            final Rect bounds = mTiles.getBounds();
                            moving = bounds.intersects(x, y, x+1, y+1);
                            return true;
                        case MotionEvent.ACTION_MOVE:
                            if( moving ){
                                final int x_new = (int)event.getX();
                                final int y_new = (int)event.getY();
                                mDrawTiles.draw( new DrawLogic(){
                                    public void draw(Rect _surface) {
                                        mTiles.setBounds(
                                            x_new - mDrawWidth/2,
                                            y_new - mDrawHeight/2,
                                            x_new + mDrawWidth/2,
                                            y_new + mDrawHeight/2);
                                        }
                                    });

#12 楼

为了改善@Janusz提供的答案，我将其添加到我的样式中：

<style name="Divider">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">1dp</item>
    <item name="android:background">?android:attr/listDivider</item>
</style>

然后，我的布局中的代码更少，更简单阅读。

<View style="@style/Divider"/>

如果要水平行距，请执行上述操作。

对于两个视图之间的垂直线，您必须将android：layout_width参数（属性）替换为android：layout_height

#13 楼

使用ImageView以编程方式画线的另一种方法

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.ImageView;

public class Test extends Activity {
  ImageView drawingImageView;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    drawingImageView = (ImageView) this.findViewById(R.id.DrawingImageView);
    Bitmap bitmap = Bitmap.createBitmap((int) getWindowManager()
        .getDefaultDisplay().getWidth(), (int) getWindowManager()
        .getDefaultDisplay().getHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    drawingImageView.setImageBitmap(bitmap);

    // Line
    Paint paint = new Paint();
    paint.setColor(Color.GREEN);
    paint.setStrokeWidth(10);
    int startx = 50;
    int starty = 100;
    int endx = 150;
    int endy = 210;
    canvas.drawLine(startx, starty, endx, endy, paint);

  }
}

#14 楼

如果您使用的是ConstraintLayout，则需要至少定义2条约束才能显示该行。像这样：

<View
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:background="@android:color/black"
        app:layout_constraintEnd_toEndOf="@+id/someView1"
        app:layout_constraintStart_toStartOf="@+id/someView2"
        app:layout_constraintTop_toBottomOf="@+id/someView3" />

尽管我定义了3个约束。

#15 楼

或者如果您只想要一条线

TextView line = new TextView(this);
            line.setBackgroundResource(android.R.color.holo_red_dark);
            line.setHeight((int) Utility.convertDpToPixel(1,this));

编程黑洞网