a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 系統 > Android > 正文

android仿微信表情雨下落效果的實現方法

2019-12-12 00:32:08
字體:
來源:轉載
供稿:網友

前言

眾所周知,微信聊天中我們輸入一些關鍵詞會有表情雨下落,比如輸入「生日快樂」「么么噠」會有相應的蛋糕、親吻的表情雨下落,今天就來完成這個表情雨下落的效果。下面話不多說了,來一起看看詳細的介紹吧

效果圖

先來看下效果,真?狗頭雨?落!


實現代碼

確認表情的模型,定義屬性

public class ItemEmoje { //坐標 public int x; public int y; // 橫向偏移 public int offsetX; //縱向偏移 public int offsetY; //縮放 public float scale; //圖片資源 public Bitmap bitmap;}

自定義RainView 表情下落視圖,初始化變量。

public class RainView extends View { private Paint paint; //圖片處理 private Matrix matrix; private Random random; //判斷是否運行的,默認沒有 private boolean isRun; //表情包集合 private List<ItemEmoje> bitmapList; //表情圖片 private int imgResId = R.mipmap.dog; public RainView(Context context) { this(context, null); } public RainView(Context context, @Nullable AttributeSet attrs) { this(context, attrs, 0); } public RainView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { paint = new Paint(); paint.setAntiAlias(true); paint.setFilterBitmap(true); paint.setDither(true); matrix = new Matrix(); random = new Random(); bitmapList = new ArrayList<>(); }}

初始化表情雨數據,確認每個表情的起始位置,下落過程中橫向、縱向的偏移,以及縮放大小。

private void initData() { for (int i = 0; i < 20; i++) { ItemEmoje itemEmoje = new ItemEmoje(); itemEmoje.bitmap = BitmapFactory.decodeResource(getResources(), imgResId); //起始橫坐標在[100,getWidth()-100) 之間 itemEmoje.x = random.nextInt(getWidth() - 200) + 100; //起始縱坐標在(-getHeight(),0] 之間,即一開始位于屏幕上方以外 itemEmoje.y = -random.nextInt(getHeight()); //橫向偏移[-2,2) ,即左右搖擺區間 itemEmoje.offsetX = random.nextInt(4) - 2; //縱向固定下落12 itemEmoje.offsetY = 12; //縮放比例[0.8,1.2) 之間 itemEmoje.scale = (float) (random.nextInt(40) + 80) / 100f; bitmapList.add(itemEmoje); }}

下落過程通過 onDraw進行繪制,不斷的計算橫縱坐標,達到下落效果。

@Overrideprotected void onDraw(Canvas canvas) { super.onDraw(canvas); if (isRun) { //用于判斷表情下落結束,結束即不再進行重繪 boolean isInScreen = false; for (int i = 0; i < bitmapList.size(); i++) {  matrix.reset();  //縮放  matrix.setScale(bitmapList.get(i).scale, bitmapList.get(i).scale);  //下落過程坐標  bitmapList.get(i).x = bitmapList.get(i).x + bitmapList.get(i).offsetX;  bitmapList.get(i).y = bitmapList.get(i).y + bitmapList.get(i).offsetY;  if (bitmapList.get(i).y <= getHeight()) {//當表情仍在視圖內,則繼續重繪  isInScreen = true;  }  //位移  matrix.postTranslate(bitmapList.get(i).x, bitmapList.get(i).y);  canvas.drawBitmap(bitmapList.get(i).bitmap, matrix, paint); } if (isInScreen) {  postInvalidate(); }else {  release(); } }}/** *釋放資源 */private void release(){ if(bitmapList != null && bitmapList.size()>0){ for(ItemEmoje itemEmoje : bitmapList){  if(!itemEmoje.bitmap.isRecycled()){  itemEmoje.bitmap.recycle();  } } bitmapList.clear(); }}

提供start() 方法觸發。

public void start(boolean isRun) { this.isRun = isRun; initData(); postInvalidate();}

布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <com.rain.RainView android:id="@+id/testView" android:layout_width="match_parent" android:layout_height="match_parent" /> <Button android:id="@+id/btn_dog" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:text="真?狗頭雨?落!" /> <Button android:id="@+id/btn_cake" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginLeft="10dp" android:layout_toRightOf="@+id/btn_dog" android:text="蛋糕雨" /></RelativeLayout>

activity 點擊事件觸發

btnCake.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //蛋糕圖片 rainView.setImgResId(R.mipmap.cake); rainView.start(true); }});btnDog.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //狗頭圖片 rainView.setImgResId(R.mipmap.dog); rainView.start(true); }});

github地址:https://github.com/taixiang/rain_emoji (本地下載

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對武林網的支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产不卡精品 | 男女视频在线 | 国产一区成人 | 日本h视频在线观看 | 久久99精品久久久久国产越南 | 精品国产乱码久久久久久闺蜜 | 黄色的网站在线 | 欧美一级淫片免费看 | 日韩电影免费在线 | 日本一区二区视频在线 | 亚洲欧美在线一区 | 日本免费一区二区三区 | 日韩中文字幕在线观看 | 精品久久久久久 | 国产精品国色综合久久 | 亚洲乱码国产乱码精品精98午夜 | av片网| 玖玖玖影院 | 日韩精品一区二区三区中文字幕 | 91精品国产综合久久久久久丝袜 | 亚洲精品美女视频 | 九九久久精品 | 夜夜精品视频 | 欧美日韩第一 | 日韩无 | 91 视频网站| 久免费视频 | 午夜精品久久久久久久久久久久久 | 一区二区三区视频免费在线观看 | 久久国产香蕉 | 国产一区二区自拍视频 | 中文字幕第一页在线 | 激情开心站 | 国产黄色在线观看 | 五月婷婷激情 | 成av在线 | 黄色影片网址 | 91成人在线免费视频 | 欧美精品第十页 | 看a网址| 国产视频福利一区 |