android绘制自定义view时，控件大小的测量与确定问题，代码演示

古城微笑少年丶 2022-05-29 00:24 168阅读 0赞

控件代码：

布局文件：

<com.invt.imarsphoneexpert.common.view.HorizontalArrowView
        android:id="@+id/arrow"
        android:layout_width="100dp"
        android:layout_height="8dp"
        android:layout_marginLeft="30dp"/>

Activity:

private HorizontalArrowView mArrow;
    private Handler mHandler;

mArrow = (HorizontalArrowView) mView.findViewById(R.id.arrow);

mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            mArrow.startAnim();
        }
    };
    new Thread(new Runnable() {
        @Override
        public void run() {
            int count = 10000;
            while(count-- > 0){
                mHandler.sendEmptyMessage(0);
                try{
                    Thread.sleep(50);
                }catch (Exception e){
                }
            }
        }
    }).start();

以上即可以实现gif动画效果

下边是垂直gif动画代码

package com.invt.imarsphoneexpert.common.view;
    
    import android.content.Context;
    import android.util.AttributeSet;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    
    import com.invt.imarsphoneexpert.R;
    
    import java.util.ArrayList;
    import java.util.List;
    
    /** * Created by xl on 2018/3/12. */ public class VerticalArrowView extends LinearLayout {
    
        private final static String TAG = VerticalArrowView.class.getSimpleName();
        private Context mContext;
        //默认图片宽高
        private int mImgWidth;
        //HorizontalArrowView控件高度
        private int mHeight;
        //当前箭头位置
        private int mPosition = -1;
        //子控件ImageView列表
        private List<ImageView> mImageViews = new ArrayList<ImageView>();
        //箭头默认false朝下，true朝上
        private boolean mModel = false;
    
        public VerticalArrowView(Context context) {
            super(context);
            mContext = context;
            init();
        }
    
        public VerticalArrowView(Context context, AttributeSet attrs) {
            super(context, attrs);
            mContext = context;
            init();
        }
    
        public VerticalArrowView(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            this.mContext = context;
            init();
        }
    
        /** * 初始化 */ private void init() {
            //垂直布局
            this.setOrientation(VERTICAL);
            this.post(new Runnable() {
                @Override
                public void run() {
                    mHeight = getHeight();
                    mImgWidth = getWidth();
                    initAnim();
                }
            });
        }
    
        /** * 初始化动画 */ private void initAnim() {
            //背景箭头个数
            int count = mHeight / mImgWidth;
            //添加新的子控件
            for (int i = 0; i < count; i++) {
                //动态生成Imageview控件
                ImageView img = new ImageView(mContext);
                img.setLayoutParams(new LayoutParams(mImgWidth, mImgWidth));
                if (mModel) {
                    img.setImageResource(R.drawable.remote_arrow_vb_up);
                } else {
                    img.setImageResource(R.drawable.remote_arrow_vb_down);
                }
                img.setScaleType(ImageView.ScaleType.FIT_CENTER);
                //添加到list
                mImageViews.add(img);
                //添加到layout
                addView(img);
            }
        }
    
        /** * 开始动画 */ public int startAnim() {
            //循环移动
            mPosition++;
            if (mPosition == mImageViews.size()) {
                mPosition = -1;
            }
            //更新子控件
            if (mModel) {
                for (int i = 0; i < mImageViews.size(); i++) {
                    ImageView img = mImageViews.get(mImageViews.size() - 1 - i);
                    if (i == mPosition) {
                        img.setImageResource(R.drawable.remote_arrow_vt_up);
                        if (i >= 2) {
                            mImageViews.get(mImageViews.size() - i).setImageResource(R.drawable.remote_arrow_vt_up);
                            mImageViews.get(mImageViews.size() + 1 - i).setImageResource(R.drawable.remote_arrow_vt_up);
                        }
                    } else {
                        img.setImageResource(R.drawable.remote_arrow_vb_up);
                    }
                }
            } else {
                for (int i = 0; i < mImageViews.size(); i++) {
                    ImageView img = mImageViews.get(i);
                    if (i == mPosition) {
                        img.setImageResource(R.drawable.remote_arrow_vt_down);
                        if (i >= 2) {
                            mImageViews.get(i - 1).setImageResource(R.drawable.remote_arrow_vt_down);
                            mImageViews.get(i - 2).setImageResource(R.drawable.remote_arrow_vt_down);
                        }
                    } else {
                        img.setImageResource(R.drawable.remote_arrow_vb_down);
                    }
                }
            }
            return mPosition;
        }
    
        /** * 设置当前箭头的位置 */ public void initPosition() {
            mPosition = -1;
        }
    
        /** * 设置箭头模式，朝上或者朝下 * * @param upordown */ public void setAnimModel(boolean upordown) {
            this.mModel = upordown;
            for (int i = 0; i < mImageViews.size(); i++) {
                ImageView img = mImageViews.get(i);
                if (mModel) {
                    img.setImageResource(R.drawable.remote_arrow_vb_up);
                } else {
                    img.setImageResource(R.drawable.remote_arrow_vb_down);
                }
            }
        }
    
    }

水平+垂直动画联动：

/** * 开始动画 */ private void startAnim() {
        if (!mAnimFlags[0]) {
            int position = mArrowHors[0].startAnim();
            if (position == -1) {
                mAnimFlags[0] = true;
            }
        } else {
            int position = mArrowVers[0].startAnim();
            if (position == -1) {
                mAnimFlags[0] = false;
            }
        }
        mArrowHors[1].startAnim();
        if (!mAnimFlags[1]) {
            int position = mArrowHors[2].startAnim();
            if (position == -1) {
                mAnimFlags[1] = true;
            }
        } else {
            int position = mArrowVers[1].startAnim();
            if (position == -1) {
                mAnimFlags[1] = false;
            }
        }
        mArrowHors[3].startAnim();
        if (!mAnimFlags[2]) {
            int position = mArrowHors[4].startAnim();
            if (position == -1) {
                mAnimFlags[2] = true;
            }
        } else {
            int position = mArrowVers[2].startAnim();
            if (position == -1) {
                mAnimFlags[2] = false;
            }
        }
    }

完！！！