Android自定義ViewFlipper實現(xiàn)滾動效果
本文實例為大家分享了自定義view實現(xiàn)了類似百度手機助手,首頁評論滾動效果。
看效果:
gif做的不好,其效果就是:幾個viewitem不停的向上滾動,新加入item有個淡入的效果。
說下實現(xiàn)思路:自定義view繼承至LinearLayout,控制item數(shù)量及其動畫效果,實現(xiàn)item復用,傳入數(shù)據(jù)即可,使用方便。
代碼:
/** * Jiantao.Yang * * @description 仿百度手機助手,評論滾動效果 * @time 2015/1/16 17:37 */ public class ViewFlipper extends LinearLayout { private final int MAX_SHOW_ITEM_SIZE = 5; private IAdapter mIAdapter; private int mCount; //最后一個item動畫 private Animation mLastOneAnimation; //其它item動畫 private Animation mCommonAnimation; //數(shù)據(jù)下標 private int mCurrentIndex; /** * 這里動畫時間是1600毫秒,所以間隔得大于動畫時間 */ private static final int DEFAULT_INTERVAL = 2000; private int mFlipInterval = DEFAULT_INTERVAL; private boolean mAutoStart = false; private boolean mRunning = false; private boolean mStarted = false; private boolean mVisible = false; private boolean mUserPresent = true; public ViewFlipper(Context context) { super(context); init(context); } public ViewFlipper(Context context, AttributeSet attrs) { super(context, attrs); init(context); } public ViewFlipper(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context); } private final BroadcastReceiver mReceiver = new BroadcastReceiver() { @Override public void onReceive(Context context, Intent intent) { final String action = intent.getAction(); if (Intent.ACTION_SCREEN_OFF.equals(action)) { mUserPresent = false; updateRunning(); } else if (Intent.ACTION_USER_PRESENT.equals(action)) { mUserPresent = true; updateRunning(false); } } }; @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); // Listen for broadcasts related to user-presence final IntentFilter filter = new IntentFilter(); filter.addAction(Intent.ACTION_SCREEN_OFF); filter.addAction(Intent.ACTION_USER_PRESENT); // OK, this is gross but needed. This class is supported by the // remote views machanism and as a part of that the remote views // can be inflated by a context for another user without the app // having interact users permission - just for loading resources. // For exmaple, when adding widgets from a user profile to the // home screen. Therefore, we register the receiver as the current // user not the one the context is for. getContext().registerReceiver(mReceiver, filter); if (mAutoStart) { // Automatically start when requested startFlipping(); } } @Override protected void onDetachedFromWindow() { super.onDetachedFromWindow(); mVisible = false; getContext().unregisterReceiver(mReceiver); updateRunning(); } @Override protected void onWindowVisibilityChanged(int visibility) { super.onWindowVisibilityChanged(visibility); mVisible = visibility == VISIBLE; updateRunning(mVisible); // updateRunning(false); } private void init(Context context) { this.setOrientation(LinearLayout.VERTICAL); } public void setIAdapter(IAdapter iAdapter) { this.mIAdapter = iAdapter; initShowItems(); } public void startFlipping() { mStarted = true; updateRunning(); } public void stopFlipping() { mStarted = false; updateRunning(); } private void updateRunning() { updateRunning(true); } /** * Returns true if the child views are flipping. */ public boolean isFlipping() { return mStarted; } /** * Set if this view automatically calls {@link #startFlipping()} when it * becomes attached to a window. */ public void setAutoStart(boolean autoStart) { mAutoStart = autoStart; } /** * Returns true if this view automatically calls {@link #startFlipping()} * when it becomes attached to a window. */ public boolean isAutoStart() { return mAutoStart; } @Override public void onInitializeAccessibilityEvent(AccessibilityEvent event) { super.onInitializeAccessibilityEvent(event); event.setClassName(ViewFlipper.class.getName()); } @Override public void onInitializeAccessibilityNodeInfo(AccessibilityNodeInfo info) { super.onInitializeAccessibilityNodeInfo(info); info.setClassName(ViewFlipper.class.getName()); } /** * 初始化childViews */ private void initShowItems() { if (mIAdapter != null) { mCount = mIAdapter.getCount(); for (int i = 0; i < mCount; i++) { if (i == MAX_SHOW_ITEM_SIZE) { break; } View convertView = getChildAt(i); View item = mIAdapter.getItemView(convertView, i); addView(item, i); } } } /** * Internal method to start or stop dispatching flip {@link android.os.Message} based * on {@link #mRunning} and {@link #mVisible} state. * * @param flipNow Determines whether or not to execute the animation now, in * addition to queuing future flips. If omitted, defaults to * true. */ private void updateRunning(boolean flipNow) { boolean running = mVisible && mStarted && mUserPresent; System.out.println(" updateRunning running:" + running + " mVisible " + mVisible + " userPresent " + mUserPresent); if (running != mRunning) { if (running && (mCount > MAX_SHOW_ITEM_SIZE)) { showItems(mCurrentIndex++, flipNow); Message msg = mHandler.obtainMessage(FLIP_MSG); mHandler.sendMessageDelayed(msg, mFlipInterval); } else { mHandler.removeMessages(FLIP_MSG); } mRunning = running; } } private void showItems(final int position, boolean animate) { if (animate && (mLastOneAnimation == null || mCommonAnimation == null)) { mLastOneAnimation = AnimationUtils.loadAnimation(getContext(), R.anim.lastone_anim); mCommonAnimation = AnimationUtils.loadAnimation(getContext(), R.anim.common_anim); } int childCount = getChildCount(); for (int i = 0; i < childCount; i++) { View child = getChildAt(i); child.clearAnimation(); int index = position + i; child = mIAdapter.getItemView(child, (index >= mIAdapter.getCount()) ? (index - mIAdapter.getCount()) : index); if (animate) { if (i == childCount - 1) { child.setAnimation(mLastOneAnimation); } else { child.setAnimation(mCommonAnimation); } } child.setVisibility(View.VISIBLE); } if (animate) { mCommonAnimation.startNow(); mLastOneAnimation.startNow(); } //保證傳入的position小于getCount if (mCurrentIndex >= mIAdapter.getCount()) { mCurrentIndex = 0; } } private final int FLIP_MSG = 1; private final Handler mHandler = new Handler() { @Override public void handleMessage(Message msg) { if (msg.what == FLIP_MSG) { if (mRunning) { showItems(mCurrentIndex++, true); msg = obtainMessage(FLIP_MSG); sendMessageDelayed(msg, mFlipInterval); } } } }; public interface IAdapter { /** * @param convertView * @param position * @return */ public View getItemView(View convertView, int position); /** * @return 數(shù)據(jù)count */ public int getCount(); } }
再來看看調(diào)用部分:
public class MainActivity extends ActionBarActivity implements ViewFlipper.IAdapter { ViewFlipper viewFlipper; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewFlipper = (ViewFlipper) findViewById(R.id.view_flipper); viewFlipper.setIAdapter(this); } @Override protected void onResume() { super.onResume(); viewFlipper.startFlipping(); } @Override public View getItemView(View convertView, int position) { View item = null; TextView textView; if (convertView == null) { item = View.inflate(this, R.layout.item, null); } else { item = convertView; } textView = (TextView) item.findViewById(R.id.textview); textView.setText("測試數(shù)據(jù):" + position); return item; } @Override public int getCount() { return 8; } }
可以看出,MainActivity實現(xiàn)了ViewFlipper.IAdapter接口,setAdapter后調(diào)用startFlipper即可。
這里布局文件我就不貼出來了,附上工程源碼,項目里動畫時間有點長,修改下就ok。
限于水平有限,不足之處難免,望各位不舍指正,與君共勉。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android使用ViewFlipper實現(xiàn)上下滾動消息
- Android仿淘寶頭條向上滾動廣告條ViewFlipper
- Android控件ViewFlipper仿淘寶頭條垂直滾動廣告條
- android開發(fā)之橫向滾動/豎向滾動的ListView(固定列頭)
- android實現(xiàn)上下滾動的TextView
- android TextView不用ScrollViewe也可以滾動的方法
- android 實現(xiàn)ScrollView自動滾動的實例代碼
- Android中實現(xiàn)多行、水平滾動的分頁的Gridview實例源碼
- Android GridView實現(xiàn)滾動到指定位置的方法
- android開發(fā)教程之文本框加滾動條scrollview
相關(guān)文章
Android 系統(tǒng)實現(xiàn)多種開機動畫和logo切換功能
這篇文章主要介紹了android 系統(tǒng)實現(xiàn)多種開機動畫和logo切換功能,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-12-12android設(shè)備間實現(xiàn)無線投屏的示例代碼
Android提供了MediaProjection來實現(xiàn)錄屏,通過MediaProjection可以獲取當前屏幕的視頻流,而視頻流需要通過編解碼來壓縮進行傳輸,通過MediaCodec可實現(xiàn)視頻的編碼和解碼,這篇文章主要介紹了android設(shè)備間實現(xiàn)無線投屏,需要的朋友可以參考下2022-06-06Android中Handler實現(xiàn)倒計時的兩種方式
本篇文章主要介紹了Android中Handler實現(xiàn)倒計時的兩種方式,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07Android_RecyclerView實現(xiàn)上下滾動廣告條實例(帶圖片)
本篇文章主要介紹了Android_RecyclerView實現(xiàn)上下滾動廣告條實例(帶圖片),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06Android中設(shè)置RadioButton在文字右邊的方法實例
這篇文章主要介紹了Android中設(shè)置RadioButton在文字右邊的方法實例,本文直接給出XML配置實現(xiàn)代碼,需要的朋友可以參考下2015-04-04