溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了Android自定義textview如何實現豎直滾動跑馬燈效果，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
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="兩個黃鸝鳴翠柳" /> <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;
/**
* 開始滾動
*/
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);
//移動到下方
resetView(view);
}
})
.setDuration(400).start();
ViewCompat.animate(view2)
.translationY(targetY2)
.setListener(new ViewPropertyAnimatorListenerAdapter(){
@Override
public void onAnimationEnd(View view) {
super.onAnimationEnd(view);
//移動到下方
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);
}
}以上就是關于Android自定義textview如何實現豎直滾動跑馬燈效果的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
