自定義的控制元件 實現一個繞圓圈的箭頭
阿新 • • 發佈：2018-11-05
自定義的類
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;
public class CustomView extends View {
private float circleWidth;
private int defaultCircleColor;
private int currentCircleColor; //畫筆 private Paint mPaint; //new 呼叫 public CustomView(Context context) { this(context,null); } //載入佈局 public CustomView(Context context, AttributeSet attrs) { this(context, attrs,-1); } //手動呼叫 public CustomView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context,attrs); } private void init(Context context,AttributeSet attrs) { //初始化畫筆 mPaint=new Paint(Paint.ANTI_ALIAS_FLAG); //首先要獲得我們自定義的屬性 得到一個類似於集合的東西 TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.Circle); //遍歷並取出資料 for (int i = 0; i < typedArray.getIndexCount(); i++) { //通過getIndex方法得到下標 索引 int index = typedArray.getIndex(i); switch(index){ case R.styleable.Circle_CircleWidth: //得到寬度值 倆個引數分別是索引,和預設值 即:預設寬 circleWidth = typedArray.getDimension(index, 3); break; case R.styleable.Circle_CircleColor: defaultCircleColor = typedArray.getColor(index, Color.RED); //將,預設的顏色賦予當前顏色 currentCircleColor=defaultCircleColor; break; default: break; } } } //定義圓的屬性 圓心座標 以及半徑 當前角度 private float circleX; private float circleY; private float radius=130; private float currentDegree=0;//預設為0 //開始畫 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //顏色 mPaint.setColor(Color.RED); mPaint.setTextSize(20); //設定抗鋸齒 mPaint.setAntiAlias(true); //設定風格 mPaint.setStyle(Paint.Style.STROKE); circleX=getWidth()/2; circleY=getHeight()/2; canvas.drawCircle(circleX,circleY,radius,mPaint);//畫一個背景圓 canvas.save();//用來在動畫效果之後儲存狀態的 這裡不寫也可以 //旋轉畫布 如果旋轉的角度大的話,視覺上看著是旋轉快的 canvas.rotate(currentDegree,circleX,circleY);//三個引數 分別是旋轉的角度和旋轉的XY中心 //畫三角形 //提供了一些api可以用來畫線(畫路徑) Path path = new Path(); //從哪開始畫 從A開始畫 path.moveTo(circleX + radius, circleY); //從A點畫一個直線到D點 path.lineTo(circleX + radius - 20, circleY - 20); //從D點畫一個直線到B點 path.lineTo(circleX + radius, circleY + 20); //從B點畫一個直線到C點 path.lineTo(circleX + radius + 20, circleY - 20); //閉合 -- 從C點畫一個直線到A點 path.close(); //以上都是一個畫三角形的操作 mPaint.setStyle(Paint.Style.FILL);//重新設定畫筆的樣式 顏色 畫出 mPaint.setColor(Color.BLACK); //設定顏色 canvas.drawPath(path, mPaint); canvas.restore(); //作用 將座標系恢復到原點的時候 在save（）方法之後呼叫 通常和save（）方法連用 //旋轉的角度一倍速的增加 currentDegree+=1*currentSpeed; if (!isPause) { invalidate(); //設定是否擦除背景 } } //定義旋轉速度 private int currentSpeed=1; //是否暫停 private boolean isPause=false; //加速 public void speed() { ++currentSpeed; if (currentSpeed >= 10) { currentSpeed = 10; Toast.makeText(getContext(), "我比閃電還快", Toast.LENGTH_SHORT).show(); } } //減速 public void slowDown() { --currentSpeed; if (currentSpeed <=1) { currentSpeed = 1; Toast.makeText(getContext(), "我比烏龜還慢", Toast.LENGTH_SHORT).show(); } } //暫停 public void pauseOrStart() { //如果是開始狀態的話去重新繪製 if (isPause) { isPause = !isPause; invalidate(); } else { isPause = !isPause; } } //設定背景顏色 public void setColor(int color) { if (currentCircleColor != color) { currentCircleColor = color; } else { currentCircleColor = defaultCircleColor; } }
}
MainActivity.java
import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Display;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private TextView mTextView;
private CustomView mCustomView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mCustomView = findViewById(R.id.cirle);
Activity activity = new Activity();
}
//在setContentView回撥完之後呼叫此方法
@Override
public void onContentChanged() {
super.onContentChanged();
}
//實現onResultActivity 方法執行之後
//當我們在activity的啟動模式中設定為棧內唯一時，也就是android:launchMode=”singleTask”或android:launchMode=”signleTop”時，會用到這個方法。
//不建立該Activity的新例項,則系統會呼叫原有例項的onNewIntent()方法來處理此intent.
@Override
protected void onNewIntent(Intent intent) {
super.onNewIntent(intent);
}
//實現Activity 的覆蓋
@Override
public void setIntent(Intent newIntent) {
super.setIntent(newIntent);
}
public void onClick(View view) {
mCustomView.setColor(Color.BLUE);
}
public void add(View view) {
mCustomView.speed();
}
public void slow(View view) {
mCustomView.slowDown();
}
public void pauseOrStart(View view) {
mCustomView.pauseOrStart();
}
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?><Button
android:id="@+id/set_color_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:onClick="onClick"
android:text="設定顏色" />
<Button
android:id="@+id/add"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/set_color_btn"
android:layout_centerHorizontal="true"
android:onClick="add"
android:text="加速" />
<Button
android:id="@+id/slow"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/add"
android:layout_centerHorizontal="true"
android:onClick="slow"
android:text="減速" />
<Button
android:id="@+id/pause_or_start"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/slow"
android:layout_centerHorizontal="true"
android:onClick="pauseOrStart"
android:text="暫停/開始" />
<com.liu.view1.CustomView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:CircleColor="#f00"
app:CircleWidth="3dp"
android:id="@+id/cirle"
android:layout_centerInParent="true"
/>
實現思路
通過自定義的類 繼承 任意的控制元件
通過canvas（畫布） path （畫筆）
呼叫path物件內部的方法 實現操作