Android自定義view仿QQ的Tab按鈕動(dòng)畫(huà)效果(示例代碼)
話(huà)不多說(shuō) 先上效果圖

實(shí)現(xiàn)其實(shí)很簡(jiǎn)單,先用兩張圖


一張是背景的圖,一張是笑臉的圖片,笑臉的圖片是白色,可能看不出來(lái)。實(shí)現(xiàn)思路:主要是再觸摸view的時(shí)候同時(shí)移動(dòng)這兩個(gè)圖片,但是移動(dòng)的距離不一樣,造成的錯(cuò)位感,代碼很簡(jiǎn)單:
import android.content.Context
import android.graphics.*
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import com.example.dawnmvvm.R
import com.example.dawnmvvm.util.LogUtil
class MyDrawBitmap @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0, defStyleRes: Int = 0) : View(context, attrs, defStyleAttr, defStyleRes) {
private var dx = 0f
private var dy = 0f
private var dx1 =0f
private var dy1 = 0f
private val bitmap: Bitmap by lazy {
BitmapFactory.decodeResource(resources, R.drawable.bg_tab);//背景
}
private val bitmap2: Bitmap by lazy {
BitmapFactory.decodeResource(resources, R.drawable.img_smile);//笑臉
}
override fun draw(canvas: Canvas?) {
super.draw(canvas)
LogUtil.e("MyDrawBitmap===x===${dx}")
LogUtil.e("MyDrawBitmap===y===${dy}")
if(dx<0){
dx=0f
}
if(dy<0){
dy=0f;
}
canvas?.drawBitmap(bitmap, dx, dy, null);//移動(dòng)背景
canvas?.drawBitmap(bitmap2, dx1, dy1, null);//移動(dòng)笑臉
}
override fun onTouchEvent(event: MotionEvent): Boolean {
when (event.action) {
MotionEvent.ACTION_UP-> {
dx = 0f
dy = 0f
dx1 = 0f
dy1 = 0f
}
else->{
dx = event.x/20f
dy = event.y/20f
dx1 = event.x/10f
dy1 = event.y/10f
}
}
invalidate()
return true;
}
}
是不是很簡(jiǎn)單,不過(guò)不是很完美
到此這篇關(guān)于Android自定義view仿QQ的Tab按鈕動(dòng)效效果(示例代碼)的文章就介紹到這了,更多相關(guān)Android仿QQ的Tab按鈕動(dòng)效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- Android開(kāi)發(fā)教程之如何屏蔽View的重復(fù)點(diǎn)擊
- Android自定義view實(shí)現(xiàn)輸入框效果
- Android實(shí)現(xiàn)的RecyclerView適配器
- Android自定義View仿大眾點(diǎn)評(píng)星星評(píng)分控件
- Android自定義View實(shí)現(xiàn)雪花特效
- Android Filterable實(shí)現(xiàn)Recyclerview篩選功能的示例代碼
- Android 滑動(dòng)Scrollview標(biāo)題欄漸變效果(仿京東toolbar)
- Android自定義View實(shí)現(xiàn)圓弧進(jìn)度的效果
- Android使用ScrollView實(shí)現(xiàn)滾動(dòng)效果
- Android自定義view之圍棋動(dòng)畫(huà)效果的實(shí)現(xiàn)
- Android自定義View實(shí)現(xiàn)分段選擇按鈕的實(shí)現(xiàn)代碼
- 詳解Android WebView監(jiān)聽(tīng)console錯(cuò)誤信息
- Android 處理 View 重復(fù)點(diǎn)擊的多種方法
相關(guān)文章
Andorid基于ZXing實(shí)現(xiàn)二維碼生成與掃描的示例代碼
ZXing是一個(gè)開(kāi)源的條碼和二維碼掃描庫(kù),它可以用于Android開(kāi)發(fā)中,通過(guò)ZXing庫(kù)可以實(shí)現(xiàn)Android設(shè)備上的條碼和二維碼掃描功能,開(kāi)發(fā)者可以輕松地在Android應(yīng)用中集成條碼和二維碼掃描功能,本文主要給大家介紹了Andorid?ZXing實(shí)現(xiàn)二維碼,感興趣的朋友可以參考下2023-08-08
Android第三方HTTP網(wǎng)絡(luò)支持包OkHttp的基礎(chǔ)使用教程
在GitHub上開(kāi)源的安卓HTTP編程包OkHttp正在積累著越來(lái)越高的人氣,這里我們就來(lái)看一下這款A(yù)ndroid第三方HTTP網(wǎng)絡(luò)支持包OkHttp的基礎(chǔ)使用教程:2016-07-07
Android無(wú)障礙自動(dòng)化結(jié)合opencv實(shí)現(xiàn)支付寶能量自動(dòng)收集操作方法
opencv可以進(jìn)行圖像識(shí)別,兩者結(jié)合在一起即可實(shí)現(xiàn)支付寶能量自動(dòng)收集,opencv用于識(shí)別能量,無(wú)障礙服務(wù)用于模擬手勢(shì),即點(diǎn)擊能量,這篇文章主要介紹了Android無(wú)障礙自動(dòng)化結(jié)合opencv實(shí)現(xiàn)支付寶能量自動(dòng)收集,需要的朋友可以參考下2024-07-07
基于Android XML解析與保存的實(shí)現(xiàn)
本篇文章小編為大家介紹,基于Android XML解析與保存的實(shí)現(xiàn)。需要的朋友參考下2013-04-04
Android BadTokenException異常解決案例詳解
這篇文章主要介紹了Android BadTokenException異常詳解,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2021-08-08
Android?Studio開(kāi)發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了Android?Studio開(kāi)發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05
Android實(shí)現(xiàn)靜默安裝實(shí)例代碼
本篇文章主要介紹了Android實(shí)現(xiàn)靜默安裝實(shí)例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
怎樣實(shí)現(xiàn)android http-post方法實(shí)例說(shuō)明
android http-post方法在開(kāi)發(fā)中如何實(shí)現(xiàn),具體代碼如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-06-06
android實(shí)現(xiàn)文字水印效果 支持多行水印
這篇文章主要為大家詳細(xì)介紹了android添加文字水印,并支持多行水印,自定義角度和文字大小,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10
Android開(kāi)發(fā)筆記SQLite優(yōu)化記住密碼功能
這篇文章主要為大家詳細(xì)介紹了Android開(kāi)發(fā)筆記SQLite優(yōu)化記住密碼功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07

