Android實現圖文垂直跑馬燈效果

2019-10-22 18:30:56

字體：大中小

來源：轉載

供稿：網友

最近在維護老項目，老項目有一個地方需要修改，就是垂直跑馬燈的問題，之前的垂直跑馬燈是只有文字跑馬燈，新版需要加上。

之前是用的MarqueeView，看了下源代碼是只支持文字的，于是我就改了下原作者的源代碼。

MarqueeView類之前作者的

 // 創建ViewFlipper下的TextView private TextView createTextView(CharSequence text, int position) {  TextView tv = new TextView(mContext);  tv.setGravity(gravity);  tv.setText(text);  tv.setTextColor(textColor);  tv.setTextSize(textSize);  tv.setSingleLine(singleLine);  tv.setTag(position);  return tv; }

原實現效果：

Android圖文垂直跑馬燈,Android圖文跑馬燈,Android垂直跑馬燈

這里是只支持textview，然后我就改了改

  // 創建ViewFlipper下的View private View createView(int position) {  Marquee marquee = marquees.get(position);  View view = LayoutInflater.from(mContext).inflate(R.layout.view_marquee, null);  ImageView ivMarquee = (ImageView) view.findViewById(R.id.ivMarquee);  TextView tvMarquee = (TextView) view.findViewById(R.id.tvMarquee);  tvMarquee.setText(marquee.getTitle());  if (isImage) {   ivMarquee.setVisibility(VISIBLE);   Glide.with(mContext)     .load(marquee.getImgUrl())     .placeholder(R.mipmap.ic_launcher)     .dontAnimate()     .into(ivMarquee);  }  tvMarquee.setTextSize(textSize);  view.setTag(position);  return view; }

改了之后實現效果：

Android圖文垂直跑馬燈,Android圖文跑馬燈,Android垂直跑馬燈