图片适配自定义控件

原创 2016年08月31日 14:18:29

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

当宽度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>





版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

自定义控件之图片适配RatioLayout

package com.study.googleplay.view; import android.content.Context; import android.content.res.Typed...

Android自定义控件:imageview重写onMeasure方法实现图片按指定比例显示,拉伸永不变形,解决屏幕适配问题

使用ImageView会遇到的问题   在Android应用中,都少不了图片的显示,ImageView,轮播图,ViewPager等等,很多都是来显示图片的,比如一个广告条的轮播效果,参看...
  • it_jun
  • it_jun
  • 2016年07月14日 15:34
  • 1380

自定义图片比例适配控件 ProportionImageView

这个控件实现起来很简单,来源是我的项目经理辉哥 他的博客地址   地址    交流群 546270670  欢迎大家  直接上代码 /** * * ==============...

Android自定义控件系列八:详解onMeasure()(二)--利用onMeasure测量来实现图片拉伸永不变形,解决屏幕适配问题

上一篇文章详细讲解了一下onMeasure/measure方法在Android自定义控件时的原理和作用,参看博文:Android自定义控件系列七:详解onMeasure()方法中如何测量一个控件尺寸(...

Android自定义控件系列八:详解onMeasure()(二)--利用onMeasure测量来实现图片拉伸永不变形,解决屏幕适配问题

上一篇文章详细讲解了一下onMeasure/measure方法在Android自定义控件时的原理和作用,参看博文:Android自定义控件系列七:详解onMeasure()方法中如何测量一个控件尺寸(...

Android自定义控件:图片比例适配,解决图片白边(详解View中onMeasure方法)

当App中涉及到布局需要展示大量图片时,你就应该考虑到“图片比例适配“的问题。当图片的宽高规格不同时,你设置展示的ImageView是否可以完好地展示,填充满?也就是说ImagView的比例和图片的比...

Android自定义View圆盘滑动控件(已适配多种分辨率)

好久没写博客了,最近在写一个项目时需要一个可以调节档位的圆盘, 首先实现这个圆盘自定义View,首先在构造方法中定义画笔,重写onDraw(Canvas canvas)方法,进行绘制,首先绘制一个大圆...

自定义view 图片展示 九宫格 完美适配

有一段时间没有写了,一直在赶项目,没有办法。    项目中有一个需求 相信很多项目都会有 多图上传 然后展示多图 相信百度很多这样的开源控件。下面简单介绍我使用的这个控件 先直接上代码(包...

猫猫学iOS(四十四)之网易彩票自定义图片在右边的Button_弹出view_ios6,7简单适配

猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243?viewmode=contents效果:注意图里面了吗,其实那...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片适配自定义控件
举报原因:
原因补充:

(最多只允许输入30个字)