本文实例为大家分享了自定义view实现了类似百度手机助手,首页评论滚动效果。
看效果:
gif做的不好,其效果就是:几个viewitem不停的向上滚动,新加入item有个淡入的效果。
说下实现思路:自定义view继承至LinearLayout,控制item数量及其动画效果,实现item复用,传入数据即可,使用方便。
代码:
代码语言:javascript复制/**
* 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;
//数据下标
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 数据count
*/
public int getCount();
}
}
再来看看调用部分:
代码语言:javascript复制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("测试数据:" position);
return item;
}
@Override
public int getCount() {
return 8;
}
}
可以看出,MainActivity实现了ViewFlipper.IAdapter接口,setAdapter后调用startFlipper即可。
这里布局文件我就不贴出来了,附上工程源码,项目里动画时间有点长,修改下就ok。
限于水平有限,不足之处难免,望各位不舍指正,与君共勉。
以上就是本文的全部内容,希望对大家的学习有所帮助。