Androidカスタムtextviewは縦スクロールの走馬灯効果を実現します。
本論文の例では、Androidのカスタムtextviewが走馬灯の効果を実現する具体的なコードを共有しています。参考にしてください。具体的な内容は以下の通りです。
xmlレイアウト
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>
カスタムMarkee Layout
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);
}
}
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。