Draw path on custom View

Draw path on custom View - Hallo sahabat Teknologi Terbaru, Pada Artikel yang anda baca kali ini dengan judul Draw path on custom View, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Draw path on custom View
link : Draw path on custom View

Draw path on custom View

This example simple draw line on custom View, along path.

MyView.java, our custom View.

package com.example.androidview;

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

public class MyView extends View {

 Paint paint;
 Path path;

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

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

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

 private void init() {
  paint = new Paint();
  paint.setColor(Color.BLUE);
  paint.setStrokeWidth(10);
  paint.setStyle(Paint.Style.STROKE);

  path = new Path();
  path.moveTo(50, 50);
  path.lineTo(50, 500);
  path.lineTo(200, 500);
  path.lineTo(200, 300);
  path.lineTo(350, 300);

 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  canvas.drawPath(path, paint);

 }

}

activity_main.xml, layout file with MyView.

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.example.androidview.MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="android-coding.blogspot.com" />
    <com.example.androidview.MyView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

MainActivity.java

package com.example.androidview;

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

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

 }

}

---

More example of drawing on path:

• Draw dash line using DashPathEffect
• Draw rounded corner line, with CornerPathEffect
• ComposePathEffect example
• PathDashPathEffect example
• Running PathDashPathEffect example
• Effect of advance, phase, style in PathDashPathEffect
• DiscretePathEffect example
• Fill path and stroke with different color
• ComposePathEffect vs SumPathEffect

Demikianlah Artikel Draw path on custom View

Sekianlah artikel Draw path on custom View kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Tweet