图片适配自定义控件

原创 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...
  • u012246348
  • u012246348
  • 2016年06月13日 22:45
  • 386

Android图片适配问题分析

一些重要概念        首先来看一些相关的概念: 屏幕尺寸:单位为英寸(inch),也就是我们常说的手机屏幕是多少寸。这个尺寸指的是屏幕对角线的长度。 分辨率:屏幕高和宽的像素数, 现在常见...
  • goodlixueyong
  • goodlixueyong
  • 2016年05月04日 21:15
  • 2198

Android ViewPager图片适配

自制页面效果图 :     .   一. ViewPager适配页面问题   1. ViewPager出现的问题   ViewPager占...
  • l1451302662
  • l1451302662
  • 2016年03月07日 18:05
  • 149

玩转Android drawable图片适配

众所周知,Android机型众多,屏幕尺寸、分辨率各有不同。对于Android开发人员来说,如何提高APP中图片对各种机型的适配是基本技能之一。借着项目中遇到的图片适配问题,在总结项目时,就想着顺带把...
  • myoungmeng
  • myoungmeng
  • 2017年01月05日 11:05
  • 4581

webview图片适配解决方案

翻遍各大论坛和stackOverFlow,没找到合适方案。最后在稀土掘金上的一篇文章上找到解决灵感。 原文地址:http://www.jcodecraeer.com/a/anzhuokaifa/an...
  • u013597998
  • u013597998
  • 2016年06月13日 10:20
  • 367

Android的屏幕适配,图片适配

5中适配     1图片适配(不同像素密度的手机加载不同资源文件夹的图片)         已知屏幕的宽和高通过勾股定理计算出屏幕的密度(dpi) 例子: 已知1280*720的手机(...
  • sungeAndroid
  • sungeAndroid
  • 2016年12月14日 23:26
  • 264

图片适配

注意:需要美工配合: @interface UIImage (LJFimage) 创建类方法 + (UIImage *)imageWithName:(NSString * )...
  • tubiebutu
  • tubiebutu
  • 2015年03月15日 15:04
  • 357

iPhone图片适配

XCode6的这个“ 持 量图”,实际上只是编译项 时,根据 量图 动 成对应的@1x,@2x和@3x的png格式图像。 不过这也有好处, 先是不 担 运 时扩展尺 降低性能,另外可以兼...
  • potato512
  • potato512
  • 2016年11月24日 11:26
  • 155

Android屏幕适配之图片适配

参考:http://www.2cto.com/kf/201403/285698.html 一、多分辨率适配常用目录: 一个好的App必须要支持绝大多数市面上的设备,适配繁多的分辨率一度让我们陷入了...
  • superbigcupid
  • superbigcupid
  • 2015年08月05日 14:51
  • 2236

Android图像适配

Android的屏幕适配一直以来都在折磨着我们这些开发者,本篇文章以Google的官方文档为基础,全面而深入的讲解了Android屏幕适配的原因、重要概念、解决方案及最佳实践,我相信如果你能认真的学习...
  • l_lhc
  • l_lhc
  • 2016年01月04日 20:40
  • 1099
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片适配自定义控件
举报原因:
原因补充:

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