這周的工作主要是做用戶的開戶界面。使用了fragment和第三方的自定義stepview組合完成,加上了fragment的切換動畫,效果類似於按鈕點擊切換的viewpager。
1. 類似於微信好友列表按首字母定位自定義view實現並解決RecycleView 的不能準確定位的問題
記錄一下主要流程,首先是自定義view的初始化,在這個回調方法中獲取測量後的寬度和每一小格的高度,這裏說一下這個方法的調用時機是在onMeasured之後,調用順序是 onFinishInflate > onMeasure > onSizeChanged > onDraw。
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
width = getMeasuredWidth();
latticeHeight = getMeasuredHeight() * 1f / indexArr.length;
}
繪製方法很簡單。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
for (int i = 0; i < indexArr.length; i++) {
float x = width / 2;
float y = latticeHeight / 2 + getTextHeight(indexArr[i]) / 2 + i * latticeHeight;
paint.setColor(lastIndex == i ? getResources().getColor(R.color.colorPrimaryDark) : Color.GRAY);
Circlepaint.setColor(lastIndex == i ? getResources().getColor(R.color.colorPrimary) : Color.WHITE);
canvas.drawCircle(x, y - getTextHeight(indexArr[i]) / 2, 13.0f, Circlepaint);
canvas.drawText(indexArr[i], x, y, paint);
}
}
注意一下這個方法,獲取當前text高度。
private int getTextHeight(String text) {
Rect rect = new Rect();
paint.getTextBounds(text, 0, text.length(), rect);
return rect.height();
}
事件處理方法,噹噹前觸摸的地方不是和原來的lastIndex一致就去刷新重新繪製,並且做出回調接口,傳遞的是當前選擇的字母。
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
case MotionEvent.ACTION_MOVE:
float y = event.getY();
int index = (int) (y / latticeHeight);
if (lastIndex != index) {
if (index >= 0 && index < indexArr.length) {
if (listener != null) {
listener.onTouchIndex(indexArr[index]);
}
}
}
lastIndex = index;
break;
case MotionEvent.ACTION_UP:
lastIndex = -1;
break;
}
invalidate();
return true;
}
接下來解決的是一個RecyclerView無法精確滑動的問題,有一下幾種情況
private void smoothMoveToPosition(final int position) {
int firstItem = personManageRecyclerview.getChildLayoutPosition(personManageRecyclerview.getChildAt(0));
int lastItem = personManageRecyclerview.getChildLayoutPosition(personManageRecyclerview.getChildAt(personManageRecyclerview.getChildCount() -1));
if (position < firstItem ) {
// 如果要跳轉的位置在第一個可見項之前,則smoothScrollToPosition可以直接跳轉
personManageRecyclerview.smoothScrollToPosition(position);
} else if (position <= lastItem) {
// 如果要跳轉的位置在第一個可見項之後,且在最後一個可見項之前
// smoothScrollToPosition根本不會動,此時調用smoothScrollBy來滑動到指定位置
int movePosition = position - firstItem;
if (movePosition >= 0 && movePosition < personManageRecyclerview.getChildCount()) {
int top = personManageRecyclerview.getChildAt(movePosition).getTop();
personManageRecyclerview.smoothScrollBy(0, top);
}
} else {
// 如果要跳轉的位置在最後可見項之後,則先調用smoothScrollToPosition將要跳轉的位置滾動到可見位置
// 再通過onScrollStateChanged控制再次調用smoothMoveToPosition,進入上一個控制語句
personManageRecyclerview.smoothScrollToPosition(position);
mShouldScroll = true;
mToPosition = position;
}
}
第三種情況要遞歸一次方法
@Override
public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
if (newState == RecyclerView.SCROLL_STATE_IDLE) {
if (mShouldScroll) {
mShouldScroll = false;
smoothMoveToPosition(mToPosition);
}
}
}
2. 實現自定義RecyclerView的側滑刪除
與listView中的getFirstVisiblePosition()方法一致,都是獲取當前界面的顯示出來的第一個item,在所有itemlist中的下標。
int firstPosition = ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition();
獲取當前的已經可見的item數量
final int count = getChildCount();
代碼
public class SlideRecyclerView extends RecyclerView {
private static final String TAG = "SlideRecyclerView";
private static final int INVALID_POSITION = -1; // 觸摸到的點不在子View範圍內
private static final int INVALID_CHILD_WIDTH = -1; // 子ItemView不含兩個子View
private static final int SNAP_VELOCITY = 600; // 最小滑動速度
private VelocityTracker mVelocityTracker; // 速度追蹤器
private int mTouchSlop; // 認爲是滑動的最小距離(一般由系統提供)
private Rect mTouchFrame; // 子View所在的矩形範圍
private Scroller mScroller;
private float mLastX; // 滑動過程中記錄上次觸碰點X
private float mFirstX, mFirstY; // 首次觸碰範圍
private boolean mIsSlide; // 是否滑動子View
private ViewGroup mFlingView; // 觸碰的子View
private int mPosition; // 觸碰的view的位置
private int mMenuViewWidth; // 菜單按鈕寬度
public SlideRecyclerView(@NonNull Context context) {
this(context, null);
}
public SlideRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public SlideRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mScroller = new Scroller(context);
}
/**
* descirption: 外部使用了ViewPager所以做請求不要攔截
*/
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
getParent().requestDisallowInterceptTouchEvent(true);
return super.dispatchTouchEvent(ev);
}
/**
* descirption: 在按下事件中初始化位置和view,在拖動事件中按要求攔截事件
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent e) {
int x = (int) e.getX();
int y = (int) e.getY();
obtainVelocity(e);
switch (e.getAction()) {
case MotionEvent.ACTION_DOWN:
if (!mScroller.isFinished()) { // 如果動畫還沒停止,則立即終止動畫
mScroller.abortAnimation();
}
mFirstX = mLastX = x;
mFirstY = y;
mPosition = pointToPosition(x, y); // 獲取觸碰點所在的position
if (mPosition != INVALID_POSITION) {
View view = mFlingView;
// 獲取觸碰點所在的view
mFlingView = (ViewGroup) getChildAt(mPosition - ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition());
// 這裏判斷一下如果之前觸碰的view已經打開,而當前碰到的view不是那個view則立即關閉之前的view,此處並不需要擔動畫沒完成衝突,因爲之前已經abortAnimation
if (view != null && mFlingView != view && view.getScrollX() != 0) {
view.scrollTo(0, 0);
}
// 這裏進行了強制的要求,RecyclerView的子ViewGroup必須要有2個子view,這樣菜單按鈕纔會有值,
// 需要注意的是:如果不定製RecyclerView的子View,則要求子View必須要有固定的width。
// 比如使用LinearLayout作爲根佈局,而content部分width已經是match_parent,此時如果菜單view用的是wrap_content,menu的寬度就會爲0。
if (mFlingView.getChildCount() == 2) {
mMenuViewWidth = mFlingView.getChildAt(1).getWidth();
} else {
mMenuViewWidth = INVALID_CHILD_WIDTH;
}
}
break;
case MotionEvent.ACTION_MOVE:
mVelocityTracker.computeCurrentVelocity(1000);
// 此處有倆判斷,滿足其一則認爲是側滑:
// 1.如果x方向速度大於y方向速度,且大於最小速度限制;
// 2.如果x方向的側滑距離大於y方向滑動距離,且x方向達到最小滑動距離;
float xVelocity = mVelocityTracker.getXVelocity();
float yVelocity = mVelocityTracker.getYVelocity();
if (Math.abs(xVelocity) > SNAP_VELOCITY && Math.abs(xVelocity) > Math.abs(yVelocity)
|| Math.abs(x - mFirstX) >= mTouchSlop
&& Math.abs(x - mFirstX) > Math.abs(y - mFirstY)) {
mIsSlide = true;
return true;
}
break;
case MotionEvent.ACTION_UP:
releaseVelocity();
break;
}
return super.onInterceptTouchEvent(e);
}
@Override
public boolean onTouchEvent(MotionEvent e) {
if (mIsSlide && mPosition != INVALID_POSITION) {
float x = e.getX();
obtainVelocity(e);
switch (e.getAction()) {
case MotionEvent.ACTION_DOWN: // 因爲沒有攔截,所以不會被調用到
break;
case MotionEvent.ACTION_MOVE:
// 隨手指滑動
if (mMenuViewWidth != INVALID_CHILD_WIDTH) {
float dx = mLastX - x;
if (mFlingView.getScrollX() + dx <= mMenuViewWidth
&& mFlingView.getScrollX() + dx > 0) {
mFlingView.scrollBy((int) dx, 0);
}
mLastX = x;
}
break;
case MotionEvent.ACTION_UP:
if (mMenuViewWidth != INVALID_CHILD_WIDTH) {
int scrollX = mFlingView.getScrollX();
mVelocityTracker.computeCurrentVelocity(1000);
// 此處有兩個原因決定是否打開菜單:
// 1.菜單被拉出寬度大於菜單寬度一半;
// 2.橫向滑動速度大於最小滑動速度;
// 注意:之所以要小於負值,是因爲向左滑則速度爲負值
if (mVelocityTracker.getXVelocity() < -SNAP_VELOCITY) { // 向左側滑達到側滑最低速度,則打開
mScroller.startScroll(scrollX, 0, mMenuViewWidth - scrollX, 0, Math.abs(mMenuViewWidth - scrollX));
} else if (mVelocityTracker.getXVelocity() >= SNAP_VELOCITY) { // 向右側滑達到側滑最低速度,則關閉
mScroller.startScroll(scrollX, 0, -scrollX, 0, Math.abs(scrollX));
} else if (scrollX >= mMenuViewWidth / 2) { // 如果超過刪除按鈕一半,則打開
mScroller.startScroll(scrollX, 0, mMenuViewWidth - scrollX, 0, Math.abs(mMenuViewWidth - scrollX));
} else { // 其他情況則關閉
mScroller.startScroll(scrollX, 0, -scrollX, 0, Math.abs(scrollX));
}
invalidate();
}
mMenuViewWidth = INVALID_CHILD_WIDTH;
mIsSlide = false;
mPosition = INVALID_POSITION;
releaseVelocity(); // 這裏之所以會調用,是因爲如果前面攔截了,就不會執行ACTION_UP,需要在這裏釋放追蹤
break;
}
return true;
} else {
// 此處防止RecyclerView正常滑動時,還有菜單未關閉
closeMenu();
// Velocity,這裏的釋放是防止RecyclerView正常攔截了,但是在onTouchEvent中卻沒有被釋放;
// 有三種情況:1.onInterceptTouchEvent並未攔截,在onInterceptTouchEvent方法中,DOWN和UP一對獲取和釋放;
// 2.onInterceptTouchEvent攔截,DOWN獲取,但事件不是被側滑處理,需要在這裏進行釋放;
// 3.onInterceptTouchEvent攔截,DOWN獲取,事件被側滑處理,則在onTouchEvent的UP中釋放。
releaseVelocity();
}
return super.onTouchEvent(e);
}
private void releaseVelocity() {
if (mVelocityTracker != null) {
mVelocityTracker.clear();
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
private void obtainVelocity(MotionEvent event) {
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(event);
}
public int pointToPosition(int x, int y) {
int firstPosition = ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition();
Rect frame = mTouchFrame;
if (frame == null) {
mTouchFrame = new Rect();
frame = mTouchFrame;
}
final int count = getChildCount();
for (int i = count - 1; i >= 0; i--) {
final View child = getChildAt(i);
if (child.getVisibility() == View.VISIBLE) {
child.getHitRect(frame);
if (frame.contains(x, y)) {
return firstPosition + i;
}
}
}
return INVALID_POSITION;
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
mFlingView.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
invalidate();
}
}
/**
* 將顯示子菜單的子view關閉
* 這裏本身是要自己來實現的,但是由於不定製item,因此不好監聽器點擊事件,因此需要調用者手動的關閉
*/
public void closeMenu() {
if (mFlingView != null && mFlingView.getScrollX() != 0) {
mFlingView.scrollTo(0, 0);
}
}
}
週四學習了一下組件化開發,基本流程走了一遍,模塊間的通信還沒細看,總體感覺是grade 的構建這一塊我還是比較陌生的,前幾天在家沒事也複習了一下Android 的IPC,和activity的啓動流程,總體上來講還是有點模糊的
今天看到了關於RecyclerView的新知識點,關於他的優化
優化bindViewHolder 儘量不做耗時的業務
...