关闭

图片适配自定义控件

标签: android
65人阅读 评论(0) 收藏 举报
分类:

一,实现效果(注意图片本身的格式会有很大的影响)

当宽度match_parent,设置宽高的比例值,确定高度值

当高度match_parent,设置宽高的比例值,确定宽度.

写二个自定义属性,ration比值,相对于谁?

    <declare-styleable name="RatioLayout">
        <attr name="mRatio" format="float"></attr>
        <attr name="mRelative" format="enum">
            <enum name="width" value="0"></enum>
            <enum name="height" value="1"></enum>
        </attr>
    </declare-styleable>
二.代码实现
<pre name="code" class="java">/**
 * 支持宽高自适应的组件,把需要适配的view作为它的孩子即可
 */
public class RatioLayout extends FrameLayout {
    private float mRatio = 2.426f;//默认2.42
    public static final int RELATIVE_WIDHT = 0;
    public static final int RELATIVE_HEIGHT = 1;
    private int mRelative = RELATIVE_WIDHT;//默认宽度match

    public void setRatio(float ratio) {
        mRatio = ratio;
    }

    public void setRelative(int relative) {
        mRelative = relative;
    }

    public RatioLayout(Context context) {
        this(context,null);
    }

    public RatioLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        //从xml中获取自定义属性
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RatioLayout);
        mRatio = typedArray.getFloat(R.styleable.RatioLayout_mRatio,mRatio);
        mRelative = typedArray.getInt(R.styleable.RatioLayout_mRelative,RELATIVE_WIDHT);
        typedArray.recycle();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //1.获取信息
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int height = MeasureSpec.getSize(heightMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        //模式对应关系,matchparent/60dp ---- EXACTLY; wrapcontent-----> MeasureSpec.AT_MOST
        if(widthMode == MeasureSpec.EXACTLY && mRelative == RELATIVE_WIDHT){
            //情形一:宽度填充父窗体,高度自适应
            //TODO:计算height,按照2.426的比例计算
            int totalHeight = (int) (width / mRatio);

            //2.测量孩子imageview
            int childWidth = width - getPaddingLeft() - getPaddingRight(); //让自定义view支持padding功能
            int childHeight = totalHeight - getPaddingTop() - getPaddingBottom();
            int childWidthSpec = MeasureSpec.makeMeasureSpec(childWidth,MeasureSpec.EXACTLY);
            int childHeightSpec = MeasureSpec.makeMeasureSpec(childHeight, MeasureSpec.EXACTLY);
            measureChildren(childWidthSpec, childHeightSpec);
            //3.决定自己的宽高
            setMeasuredDimension(width, totalHeight);
        }else if(heightMode == MeasureSpec.EXACTLY  && mRelative == RELATIVE_HEIGHT){
            //情形二:高度固定,宽度自适应
            int totalWidth = (int) (height * mRatio);

            //2.测量孩子imageview
            int childWidth = totalWidth - getPaddingLeft() - getPaddingRight(); //让自定义view支持padding功能
            int childHeight = height - getPaddingTop() - getPaddingBottom();
            int childWidthSpec = MeasureSpec.makeMeasureSpec(childWidth,MeasureSpec.EXACTLY);
            int childHeightSpec = MeasureSpec.makeMeasureSpec(childHeight, MeasureSpec.EXACTLY);
            measureChildren(childWidthSpec, childHeightSpec);
            //3.决定自己的宽高
            setMeasuredDimension(totalWidth, height);
        }else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            measureChildren(widthMeasureSpec,heightMeasureSpec);
        }
    }
}

三总布局


<pre name="code" class="java"> <com.example.administrator.textdemo.RatioLayout

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:mRelative="height"
        app:mRatio="5"
        >
        <ImageView
            android:src="@drawable/a"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </com.example.administrator.textdemo.RatioLayout>





0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8753次
    • 积分:627
    • 等级:
    • 排名:千里之外
    • 原创:51篇
    • 转载:31篇
    • 译文:1篇
    • 评论:0条