最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Android自定義鐘表特效

 更新時(shí)間:2019年12月20日 09:39:30   作者:Te_small  
這篇文章主要為大家詳細(xì)介紹了Android自定義鐘表特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

最近該忙的都忙完了,自己自定義一直是個(gè)弱項(xiàng),也一直想整個(gè)鐘表玩玩,網(wǎng)上看了一圈,學(xué)習(xí)了不少,下面自己做做自定義

首先,制作鐘表第一步,肯定是畫個(gè)圓吧,這是最直接的思維了!

先創(chuàng)建自己的自定義類,繼承View ,重寫構(gòu)造方法,在第一個(gè)和第二個(gè)構(gòu)造中初始化畫筆,設(shè)置顏色等
第一個(gè)構(gòu)造器類似于咱們直接New對(duì)象,第二個(gè)就是在xml文件引用時(shí)用到的

public class Watch extends View {
 private Paint mPaint;
 private Context context;

 public Watch(Context context) {
  super(context);
  this.context = context;
  init();
 }

 public Watch(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  this.context = context;
  init();
 }


 public Watch(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }

 private void init() {
  mPaint = new Paint();
  //抗鋸齒
  mPaint.setAntiAlias(true);
  mPaint.setColor(Color.BLACK);
  //分三種,STROKE之繪制輪廓,不繪制內(nèi)容;FILL,只繪制內(nèi)容;FILL_AND_STROKE,內(nèi)容和輪廓都繪制
  mPaint.setStyle(Paint.Style.STROKE);
 }

開始畫圓

//設(shè)置線寬,線寬默認(rèn)是1 
mPaint.setStrokeWidth(2);
//在屏幕中心畫圓,半徑為屏幕的1/3
canvas.drawCircle(getWidth() / 2, getHeight() / 2, getWidth() / 3, mPaint);

畫圓心

//整個(gè)屏幕中心為圓心點(diǎn)
mPaint.setStrokeWidth(5);
canvas.drawPoint(getWidth() / 2, getHeight() / 2, mPaint);

接下來開始畫表里面的豎線

//安卓坐標(biāo)系默認(rèn)實(shí)在左上角的,現(xiàn)在我們需要將坐標(biāo)軸移動(dòng)到圓心位置,這樣利于我們繪制線
mPaint.setStrokeWidth(1);
//坐標(biāo)原點(diǎn)平移到圓心的位置
canvas.translate(getWidth() / 2, getHeight() / 2);
for (int i = 0; i < 360; i++) {
   //刻度線長(zhǎng)度為20,一圈是360度,并且秒針轉(zhuǎn)一圈為60秒,所以一秒就對(duì)應(yīng)360度/60秒=6度,那么五秒也就是5*6 = 30度
   if (i % 30 == 0) { //長(zhǎng)的
    canvas.drawLine(getWidth() / 3 - 25, 0, getWidth() / 3, 0, mPaint);
   } else if (i % 6 == 0) { //中的
    canvas.drawLine(getWidth() / 3 - 14, 0, getWidth() / 3, 0, mPaint);
   }
   //每繪制一次就旋轉(zhuǎn)1度,總共繪制了360條線
   canvas.rotate(1);
  }

效果

接著再繪制數(shù)字 save和restore是成對(duì)出現(xiàn)的,為了這一塊操作不影響下面的元素,一個(gè)保存,一個(gè)取出的意思

canvas.save();
  for (int i = 0; i < 12; i++) {
   if (i == 0) {
    trans(canvas, 12 + "", i * 30, mPaint);
   } else {
    trans(canvas, i + "", i * 30, mPaint);
   }
  }
  canvas.restore();

//如果直接繪制數(shù)字的畫,文字也跟著旋轉(zhuǎn)了,數(shù)字有的就會(huì)倒著,所以執(zhí)行下面這一系列操作,再去繪制數(shù)字就正常了
 public void trans(Canvas canvas, String text, int degree, Paint paint) {
  Rect rect = new Rect();
  paint.getTextBounds(text, 0, text.length(), rect);
  //先將原來的坐標(biāo)軸旋轉(zhuǎn)30度
  canvas.rotate(degree);
  //將旋轉(zhuǎn)完成的坐標(biāo)軸平移到上方 它只是在y軸進(jìn)行的平移,所以x軸為0,y軸也就是圓心的位置減去35,35是自己固定的位置,可適當(dāng)自己修改;但是為負(fù)值,因?yàn)樵趛軸的上方,Android坐標(biāo)系往下為正數(shù)
  canvas.translate(0, -(getWidth() / 3 - 35));
  //這時(shí)在將原來旋轉(zhuǎn)的30都轉(zhuǎn)回去,此時(shí)的坐標(biāo)軸與開始的坐標(biāo)軸都是直立的,只不過現(xiàn)在的位置處于原來坐標(biāo)軸的 右上方
  canvas.rotate(-degree);
  //開始寫文字 1,2,3,。。。。。12 因?yàn)槲淖謱?
  canvas.drawText(text, -rect.width() / 2, rect.height() / 2, paint);
  //寫完文字后開始將坐標(biāo)軸復(fù)原 先是順時(shí)針旋轉(zhuǎn)30都,
  canvas.rotate(degree);
  //再平移到圓心的位置
  canvas.translate(0, getWidth() / 3 - 35);
  //在逆時(shí)針平移30都
  canvas.rotate(-degree);
 }

最后繪制分針、秒針、時(shí)針

//秒針
  canvas.save(); //save方法作用是將畫布先保存下來,為了不影響其他的元素,例如繪制兩張圖片,繪制完第一張接著繪制第二張,第二張可能就會(huì)受到第一張的影響,變形啊或者壓縮了
  mPaint.setColor(Color.RED);
  mPaint.setStyle(Paint.Style.STROKE);//繪制邊框
  mPaint.setStrokeWidth(2);//邊框?qū)挾?
  canvas.rotate(secondDegree);//這三個(gè)變量在下面代碼中
  canvas.drawLine(0, 0, 0, -100, mPaint);//豎直的,只在Y軸上,所以X軸都為0,100其實(shí)是指針的長(zhǎng)度,因?yàn)樵谏戏剑詾樨?fù)數(shù)
  canvas.restore();

  //分針
  canvas.save();
  mPaint.setColor(Color.BLACK);
  mPaint.setStyle(Paint.Style.STROKE);//繪制邊框
  mPaint.setStrokeWidth(4);//邊框?qū)挾?比指針粗點(diǎn)
  canvas.rotate(minuteDegree);
  canvas.drawLine(0, 0, 0, -80, mPaint);
  canvas.restore();

  //時(shí)針
  canvas.save();
  //mPaint.setColor(Color.GREEN);
  mPaint.setStyle(Paint.Style.STROKE);//繪制邊框
  mPaint.setStrokeWidth(6);//邊框?qū)挾?比指分針粗點(diǎn)
  canvas.rotate(hourDegree);
  canvas.drawLine(0, 0, 0, -60, mPaint);
  canvas.restore();

效果

最后讓三個(gè)針跑起來

private float secondDegree;
private float minuteDegree;
private float hourDegree;
private Timer timer = new Timer();
private TimerTask timerTask = new TimerTask() {
  @Override
  public void run() {
   if (secondDegree == 360) {
    secondDegree = 0;
   }
   if (minuteDegree == 360) {
    minuteDegree = 0;
   }
   if (hourDegree == 360) {
    hourDegree = 0;
   }

   //這三個(gè)變量的換算方式,變量名起分針和秒針起反了,也無所謂了
   //第一個(gè)360/60=6,也就是一秒鐘走六度
   //第二個(gè)6/60 分針一秒針走0.1度
   //時(shí)針,一秒鐘走1/120度
   secondDegree = secondDegree + 6;
   minuteDegree = minuteDegree + 0.1f;
   hourDegree = hourDegree + 1 / 120f;
   /**
    * 自定義View 刷新界面有三種
    * 1:Invalidate() 如果只是內(nèi)容變動(dòng),可使用此方法
    * 2:postInvalidate() 涉及到線程切換的
    * 3:requestLayout() view位置變動(dòng),需要調(diào)用此方法 涉及到RadioGroup
    */
   postInvalidate();//涉及到線程,界面刷新需要使用此方法
  }
 };

 public void start() {
  timer.schedule(timerTask, 0, 1000);
 }

在下面的旋轉(zhuǎn)角度里調(diào)用三個(gè)變量,重復(fù)的上面的代碼 星星部分

 //秒針
  canvas.save(); 
  mPaint.setColor(Color.RED);
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(2);
  **canvas.rotate(secondDegree);**
  canvas.drawLine(0, 0, 0, -100, mPaint);
  canvas.restore();

  //分針
  canvas.save();
  mPaint.setColor(Color.BLACK);
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(4);
  **canvas.rotate(minuteDegree);**
  canvas.drawLine(0, 0, 0, -80, mPaint);
  canvas.restore();

  //時(shí)針
  canvas.save();
  //mPaint.setColor(Color.GREEN);
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(6);
  **canvas.rotate(hourDegree);**
  canvas.drawLine(0, 0, 0, -60, mPaint);
  canvas.restore();

最后在activity界面調(diào)用

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
 tools:context="com.liuguijie.customwatch.MainActivity">
 <com.liuguijie.customwatch.Watch
  android:id="@+id/watch"
  android:layout_centerInParent="true"
  android:layout_width="300dp"
  android:layout_height="300dp" />
</RelativeLayout>
//調(diào)用start方法
Watch watchView = findViewById(R.id.watch);
watchView.start();

基本就是這么多,跑起來就可以了!

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Flutter異步操作實(shí)現(xiàn)流程詳解

    Flutter異步操作實(shí)現(xiàn)流程詳解

    在Flutter中,借助 FutureBuilder 組件和 StreamBuilder 組件,可以非常方便地完成異步操作,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
    2022-09-09
  • Android 使用Fragment模仿微信界面的實(shí)例代碼

    Android 使用Fragment模仿微信界面的實(shí)例代碼

    自從Android 3.0中引入fragments 的概念,根據(jù)詞海的翻譯可以譯為:碎片、片段。其目的是為了解決不同屏幕分辯率的動(dòng)態(tài)和靈活UI設(shè)計(jì)。下面通過本文給大家分享Android 使用Fragment模仿微信界面的實(shí)例代碼,需要的的朋友參考下吧
    2017-07-07
  • Android實(shí)現(xiàn)Flip翻轉(zhuǎn)動(dòng)畫效果

    Android實(shí)現(xiàn)Flip翻轉(zhuǎn)動(dòng)畫效果

    這篇文章主要介紹了Android實(shí)現(xiàn)Flip翻轉(zhuǎn)動(dòng)畫效果,對(duì)Android程序設(shè)計(jì)人員有很好的參考借鑒價(jià)值,需要的朋友可以參考下
    2014-08-08
  • Android賬號(hào)注冊(cè)實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果

    Android賬號(hào)注冊(cè)實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果

    這篇文章主要為大家詳細(xì)介紹了Android賬號(hào)注冊(cè)過程中實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-05-05
  • Anroid四大組件service之本地服務(wù)的示例代碼

    Anroid四大組件service之本地服務(wù)的示例代碼

    本篇文章主要介紹了Anroid四大組件service之本地服務(wù)的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10
  • OpenGL Shader實(shí)例分析(7)雪花飄落效果

    OpenGL Shader實(shí)例分析(7)雪花飄落效果

    這篇文章主要為大家詳細(xì)介紹了OpenGL Shader實(shí)例分析第7篇,實(shí)現(xiàn)雪花飄落效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-02-02
  • Android入門之Glide顯示網(wǎng)絡(luò)圖片高版本的使用詳解

    Android入門之Glide顯示網(wǎng)絡(luò)圖片高版本的使用詳解

    這篇文章主要為大家詳細(xì)介紹了Android中Glide顯示網(wǎng)絡(luò)圖片高版本的使用方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下
    2023-02-02
  • Android 圖片特效如何實(shí)現(xiàn)及總結(jié)

    Android 圖片特效如何實(shí)現(xiàn)及總結(jié)

    這篇文章主要介紹了Android 圖形特效如何實(shí)現(xiàn)及總結(jié)的相關(guān)資料,這里對(duì)Android圖像特效的實(shí)現(xiàn)比如:旋轉(zhuǎn),放大,縮小,傾斜等,需要的朋友可以參考下
    2016-12-12
  • 基于Android實(shí)現(xiàn)滾動(dòng)頭部懸停效果

    基于Android實(shí)現(xiàn)滾動(dòng)頭部懸停效果

    這篇文章主要為大家詳細(xì)介紹了如何在?Android?中實(shí)現(xiàn)這種滾動(dòng)頭部懸停效果,并提供完整源碼,方便學(xué)習(xí)和實(shí)際應(yīng)用,有需要的小伙伴可以了解一下
    2025-04-04
  • Kotlin擴(kuò)展函數(shù)與運(yùn)算符重載超詳細(xì)解析

    Kotlin擴(kuò)展函數(shù)與運(yùn)算符重載超詳細(xì)解析

    Kotlin可以為一個(gè)不能修改的或來自第三方庫(kù)中的類編寫一個(gè)新的函數(shù)。這個(gè)新增的函數(shù)就像那個(gè)原始類本來就有的函數(shù)一樣,可以用普通的方法調(diào)用,這種機(jī)制的函數(shù)稱為擴(kuò)展函數(shù)
    2022-11-11

最新評(píng)論

姚安县| 台前县| 泸水县| 丹寨县| 昭通市| 白水县| 榆树市| 湖口县| 遂川县| 郧西县| 孟连| 武夷山市| 通渭县| 琼结县| 新乐市| 晋中市| 乌什县| 那曲县| 普定县| 昭通市| 安阳县| 来安县| 抚州市| 东兰县| 叶城县| 永寿县| 广元市| 松阳县| 台北县| 桑植县| 孟连| 定襄县| 平原县| 北海市| 桂东县| 金阳县| 册亨县| 会宁县| 阜南县| 和龙市| 龙游县|