Android跟隨手指移動的控件demo實例
前言
事實上,軟件工程的多數苦惱不是源自缺少工具或管理不當,而是因為技術能力本身的缺乏。
今天給大傢分享跟隨手指移動的控件,demo展示如下。手指到哪這個小馬就跑到哪。
使用自定義View組件實現demo。
第一步
首先創建一個Android project,我們使用Android studio 自動創建 activity。
第二步:
準備兩張圖片,一個是大草原背景圖片,一個是奔跑的馬兒。把這兩種圖片均放在src/main/res/mipmap-xhdpi文件下
第三步:
在 activity_main 文件下設置佈局。一般自定義的組件都是放在幀佈局管理器中,將大草原圖片作為佈局的背景,並且給佈局定一個id,因為後面邏輯代碼中會用到。詳細代碼如下:
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@mipmap/pic1" android:id="@+id/horse" tools:context=".MainActivity">
第四步
創建一個java文件,名為:HorseDemo.java ,在這個文件中主要是設定馬兒的基本屬性,以及實例化畫圖和位圖方法,詳細代碼如下:
package com.xiaozeng.demo; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Paint; import android.view.View; public class HorseDemo extends View { //設置兩個變量 public float horseX,horseY; //創建構造方法 public HorseDemo(Context context) { super(context); horseX = 200; horseY = 300; } //第二步:重寫onDraw方法 Ctrl+o @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //實例化畫圖對象 Paint paint = new Paint(); //位圖對象 Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(),R.mipmap.pic2); //回收 canvas.drawBitmap(bitmap,horseX,horseY,paint); if(bitmap.isRecycled()){ bitmap.recycle(); } } }
第五步
在 MainActivity 文件中需要獲取佈局管理器,並增加觸摸事件監聽器。完整代碼如下:
package com.xiaozeng.demo; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.widget.FrameLayout; import android.widget.ViewAnimator; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //獲取佈局管理器 FrameLayout frameLayout = findViewById(R.id.horse); //實例化 HorseDemo horseDemo = new HorseDemo(this); //觸摸事件監聽器 horseDemo.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { //坐標 horseDemo.horseX = event.getX(); horseDemo.horseY = event.getY(); //重繪 horseDemo.invalidate(); return true; } }); frameLayout.addView(horseDemo); } }
以上就是完整的demo代碼 🎉!!!
當然也可以參考小編的github https://github.com/Jenny-Zeng/AndroidDemo/tree/main/Demo1
到此這篇關於Android跟隨手指移動的控件demo實例的文章就介紹到這瞭,更多相關Android控件內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- Android實現濾鏡效果ColorMatrix
- Android studio實現畫板功能
- Android開發之自定義UI組件詳解
- Android顏色處理SweepGradient掃描及梯度渲染示例
- 詳解Android如何自定義view實現圓形進度條