Android自定義textview實(shí)現(xiàn)豎直滾動(dòng)跑馬燈效果
本文實(shí)例為大家分享了Android自定義textview實(shí)現(xiàn)跑馬燈效果的具體代碼,供大家參考,具體內(nèi)容如下
xml布局
<?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:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="myandroidstituds.test3.MainActivity"> <LinearLayout android:layout_centerInParent="true" android:layout_width="180dp" android:layout_height="50dp"> <TextView android:padding="10dp" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#55000000" /> </LinearLayout> <myandroidstituds.test3.MarqueeLayout android:id="@+id/mar" android:layout_centerInParent="true" android:layout_width="180dp" android:layout_height="50dp"> <TextView android:id="@+id/tv1" android:textSize="20sp" android:gravity="center" android:background="@android:color/transparent" android:layout_width="match_parent" android:layout_height="match_parent" android:textColor="#000000" android:visibility="gone" android:text="兩個(gè)黃鸝鳴翠柳" /> <TextView android:id="@+id/tv2" android:textSize="20sp" android:background="@android:color/transparent" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" android:textColor="#000000" android:visibility="gone" android:text="一行白鷺上青天" /> </myandroidstituds.test3.MarqueeLayout> </RelativeLayout>
自定義MarqueeLayout
public class MarqueeLayout extends FrameLayout implements ViewTreeObserver.OnGlobalLayoutListener{ private View view1; private View view2; public int interval = 2000; public MarqueeLayout(Context context) { this(context,null); } public MarqueeLayout(Context context, AttributeSet attrs) { this(context, attrs,0); } public MarqueeLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); getViewTreeObserver().addOnGlobalLayoutListener(this); } @Override protected void onFinishInflate() { super.onFinishInflate(); if(getChildCount()!=2){ throw new IllegalArgumentException("MarqueeLayout should have 2 child!"); } view1 = getChildAt(0); view2 = getChildAt(1); } @Override public void onGlobalLayout() { getViewTreeObserver().removeGlobalOnLayoutListener(this); view2.setTranslationY(view2.getHeight()); } private Handler handler = new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); startAnim(); } }; boolean isAniming = false; /** * 開(kāi)始滾動(dòng) */ public void start(){ getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { getViewTreeObserver().removeGlobalOnLayoutListener(this); startAnim(); } }); } public void startAnim(){ if(isAniming)return; isAniming = true; int targetY1 = view1.getTranslationY()==0?-view1.getHeight():0; int targetY2 = view2.getTranslationY()==0?-view2.getHeight():0; ViewCompat.animate(view1) .translationY(targetY1) .setListener(new ViewPropertyAnimatorListenerAdapter(){ @Override public void onAnimationEnd(View view) { super.onAnimationEnd(view); //移動(dòng)到下方 resetView(view); } }) .setDuration(400).start(); ViewCompat.animate(view2) .translationY(targetY2) .setListener(new ViewPropertyAnimatorListenerAdapter(){ @Override public void onAnimationEnd(View view) { super.onAnimationEnd(view); //移動(dòng)到下方 resetView(view); isAniming = false; handler.sendEmptyMessageDelayed(0,interval); } }) .setDuration(400) .start(); } private void resetView(View view) { if(view.getTranslationY()==-view.getHeight()){ view.setTranslationY(view.getHeight()*2); } } public void stop(){ handler.removeCallbacksAndMessages(null); } }
在Activity中的使用
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); MarqueeLayout marqueeLayout = (MarqueeLayout) findViewById(R.id.mar); TextView tv1 = (TextView) findViewById(R.id.tv1); TextView tv2 = (TextView) findViewById(R.id.tv2); marqueeLayout.start(); tv1.setVisibility(tv1.getTranslationY() == 0 ? View.VISIBLE : View.GONE); tv2.setVisibility(tv2.getTranslationY() == 0 ? View.VISIBLE : View.GONE); } }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android 中TextView中跑馬燈效果的實(shí)現(xiàn)方法
- Android TextView實(shí)現(xiàn)跑馬燈效果的方法
- Android實(shí)現(xiàn)跑馬燈效果的方法
- Android自定義View實(shí)現(xiàn)豎直跑馬燈效果案例解析
- Android實(shí)現(xiàn)圖文垂直跑馬燈效果
- Android中使用TextView實(shí)現(xiàn)文字跑馬燈效果
- Android基于TextView不獲取焦點(diǎn)實(shí)現(xiàn)跑馬燈效果
- Android跑馬燈MarqueeView源碼解析
- android自定義View實(shí)現(xiàn)跑馬燈效果
- Android自定義可控制速度的跑馬燈
相關(guān)文章
使用Retrofit下載文件并實(shí)現(xiàn)進(jìn)度監(jiān)聽(tīng)的示例
這篇文章主要介紹了使用Retrofit下載文件并實(shí)現(xiàn)進(jìn)度監(jiān)聽(tīng)的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08Android程序自動(dòng)更新功能模塊的實(shí)現(xiàn)方法【附完整demo源碼下載】
這篇文章主要介紹了Android程序自動(dòng)更新功能模塊的實(shí)現(xiàn)方法,具備完整的自動(dòng)檢測(cè)更新及下載、安裝等功能,并附帶完整的demo源碼供大家下載參考,需要的朋友可以參考下2016-08-08autojs模仿QQ長(zhǎng)按彈窗菜單實(shí)現(xiàn)示例詳解二
這篇文章主要為大家介紹了autojs模仿QQ長(zhǎng)按彈窗菜單實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01Android PhotoView使用步驟實(shí)例詳解
這篇文章主要介紹了Android PhotoView使用步驟實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06Android SQLite事務(wù)處理結(jié)合Listview列表顯示功能示例
這篇文章主要介紹了Android SQLite事務(wù)處理結(jié)合Listview列表顯示功能,較為詳細(xì)的分析了Android使用sqlite數(shù)據(jù)庫(kù)進(jìn)行事務(wù)操作并結(jié)合Listview進(jìn)行列表顯示的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07Android Socket通信的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Android Socket通信的簡(jiǎn)單實(shí)現(xiàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09詳解Android studio ndk配置cmake開(kāi)發(fā)native C
這篇文章主要介紹了詳解Android studio ndk配置cmake開(kāi)發(fā)native C,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-09-09Android webview用法實(shí)例簡(jiǎn)析
這篇文章主要介紹了Android webview用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了Android中webview的功能、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-01-01關(guān)于Kotlin委托你必須重視的幾個(gè)點(diǎn)
委托模式已經(jīng)被證明是實(shí)現(xiàn)繼承的一個(gè)很好的替代方式,下面這篇文章主要給大家介紹了關(guān)于Kotlin委托你必須重視的幾個(gè)點(diǎn),文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01