自定义控件——视图的构建过程——视图的测量方法

逃离我推掉我的手 2024-04-07 12:36 75阅读 0赞

![7d1fde809732a3bf640d11f42e3b588a.png][]

![81ce61c95f110ea8952f90aa02e7141f.png][]

对于wrap\_content形式的宽高，App需要测量它们的实际长度，需要测量的实体主要有3种：

(1)文本尺寸测量文本尺寸分为文本的宽度和高度，需根据文本大小分别计算。

(2)图形尺寸测量如果图形是Bitmap格式，就调用getWidth和getHeight方法；如果图形是Drawable格式，就调用getIntrinsicWidth和getIntrinsicHeight方法。

(3)布局尺寸测量调用measure方法按照测量规格进行测量操

===========================================================================================

文本尺寸的测量

![3a7e4f1b517faabe2e06f4a145cc2480.png][]

![54aa7bfdb12a94d78bde845c6e3161b1.png][]

代码：

package com.example.myapplication;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.util.TypedValue;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.Spinner;
    import android.widget.TextView;
    import com.example.myapplication.util.MeasureUtil;
    
    public class MainActivity extends AppCompatActivity
    {
        private TextView tv_desc, tv_text;
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
    
            tv_desc = findViewById(R.id.tv_desc);
            tv_text = findViewById(R.id.tv_text);
    
    
            initSizeSpinner(); // 初始化文字大小的下拉框
        }
    
        // 初始化文字大小的下拉框
        private void initSizeSpinner()
        {
            ArrayAdapter<String> sizeAdapter = new ArrayAdapter<String>(this, R.layout.item_select, descArray);
    
            Spinner sp_size = findViewById(R.id.sp_size);
            sp_size.setPrompt("请选择文字大小");
            sp_size.setAdapter(sizeAdapter);
            sp_size.setOnItemSelectedListener(new SizeSelectedListener());
            sp_size.setSelection(0);
    
        }
    
        private String[] descArray = {"12sp", "15sp", "17sp", "20sp", "22sp", "25sp", "27sp", "30sp"};
    
        private int[] sizeArray = {12, 15, 17, 20, 22, 25, 27, 30};
    
        class SizeSelectedListener implements AdapterView.OnItemSelectedListener
        {
    
    
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3)
            {
    
                String text = tv_text.getText().toString();
    
                int textSize = sizeArray[arg2];
    
                tv_text.setTextSize(TypedValue.COMPLEX_UNIT_SP, textSize);
    
                // 计算获取指定文本的宽度(其实就是长度)
                int width = (int) MeasureUtil.getTextWidth(text, textSize);
    
                // 计算获取指定文本的高度
                int height = (int) MeasureUtil.getTextHeight(text, textSize);
    
                String desc = String.format("下面文字的宽度是%d，高度是%d", width, height);
    
                tv_desc.setText(desc);
            }
    
            public void onNothingSelected(AdapterView<?> arg0) {}
    
        }
    
    }

![2c3a9b9e8b9ee6060bd056d027d74d15.png][]

![76f357ee95cbe62442433cadf0d33a49.png][]

MeasureUtil

package com.example.myapplication.util;
    
    import android.app.Activity;
    import android.graphics.Paint;
    import android.graphics.Paint.FontMetrics;
    import android.text.TextUtils;
    import android.view.View;
    import android.view.View.MeasureSpec;
    import android.view.ViewGroup;
    import android.view.ViewGroup.LayoutParams;
    import android.widget.LinearLayout;
    
    public class MeasureUtil 
    {
    
        // 获取指定文本的宽度(其实就是长度)
        public static float getTextWidth(String text, float textSize) 
        {
            if (TextUtils.isEmpty(text)) 
            {
                return 0;
            }
            
            Paint paint = new Paint(); // 创建一个画笔对象
            paint.setTextSize(textSize); // 设置画笔的文本大小
            return paint.measureText(text); // 利用画笔丈量指定文本的宽度
        }
    
        // 获取指定文本的高度
        public static float getTextHeight(String text, float textSize) 
        {
            Paint paint = new Paint(); // 创建一个画笔对象
            paint.setTextSize(textSize); // 设置画笔的文本大小
            FontMetrics fm = paint.getFontMetrics(); // 获取画笔默认字体的度量衡
            return fm.descent - fm.ascent; // 返回文本自身的高度
            //return fm.bottom - fm.top + fm.leading;  // 返回文本所在行的行高
        }
    
        // 根据资源编号获得线性布局的实际高度(页面来源)
        public static float getRealHeight(Activity act, int resid) 
        {
            LinearLayout llayout = act.findViewById(resid);
            return getRealHeight(llayout);
        }
    
        // 根据资源编号获得线性布局的实际高度(视图来源)
        public static float getRealHeight(View parent, int resid)
        {
            LinearLayout llayout = parent.findViewById(resid);
            return getRealHeight(llayout);
        }
    
        // 计算指定线性布局的实际高度
        public static float getRealHeight(View child) 
        {
            LinearLayout llayout = (LinearLayout) child;
            
            // 获得线性布局的布局参数
            LayoutParams params = llayout.getLayoutParams();
            
            if (params == null) 
            {
                params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
            }
            
            // 获得布局参数里面的宽度规格
            int wdSpec = ViewGroup.getChildMeasureSpec(0, 0, params.width);
            
            int htSpec;
            
            if (params.height > 0) { // 高度大于0，说明这是明确的dp数值
                // 按照精确数值的情况计算高度规格
                htSpec = MeasureSpec.makeMeasureSpec(params.height, MeasureSpec.EXACTLY);
            } else { // MATCH_PARENT=-1，WRAP_CONTENT=-2，所以二者都进入该分支
                // 按照不确定的情况计算高度规则
                htSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
            }
            llayout.measure(wdSpec, htSpec); // 重新丈量线性布局的宽高
            // 获得并返回线性布局丈量之后的高度。调用getMeasuredWidth方法可获得宽度
            return llayout.getMeasuredHeight();
        }
    
    }

![c22ae34acdd22f9485eb31e0a46d6aaa.png][]

![b61acc74259305b3a4f9b44fd3a57eef.png][]

![da1d79624441a41aedf0621979fb4143.png][]

![c46d88e5893db925e8c1e76151e5bfb3.png][]

代码：

package com.example.myapplication;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    import com.example.myapplication.util.MeasureUtil;
    
    public class MainActivity extends AppCompatActivity
    {
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
    
            LinearLayout ll_header = findViewById(R.id.ll_header);
    
            TextView tv_desc = findViewById(R.id.tv_desc);
    
            // 计算获取线性布局的实际高度
            float height = MeasureUtil.getRealHeight(ll_header);
    
            String desc = String.format("上面下拉刷新头部的高度是%f", height);
    
            tv_desc.setText(desc);
        }
    }

![67f3e98a2201fe66d4be92242b064526.png][]

MeasureUtil

package com.example.myapplication.util;
    
    import android.app.Activity;
    import android.graphics.Paint;
    import android.graphics.Paint.FontMetrics;
    import android.text.TextUtils;
    import android.view.View;
    import android.view.View.MeasureSpec;
    import android.view.ViewGroup;
    import android.view.ViewGroup.LayoutParams;
    import android.widget.LinearLayout;
    
    public class MeasureUtil
    {
    
        // 获取指定文本的宽度(其实就是长度)
        public static float getTextWidth(String text, float textSize)
        {
            if (TextUtils.isEmpty(text))
            {
                return 0;
            }
    
            Paint paint = new Paint(); // 创建一个画笔对象
            paint.setTextSize(textSize); // 设置画笔的文本大小
            return paint.measureText(text); // 利用画笔丈量指定文本的宽度
        }
    
        // 获取指定文本的高度
        public static float getTextHeight(String text, float textSize)
        {
            Paint paint = new Paint(); // 创建一个画笔对象
            paint.setTextSize(textSize); // 设置画笔的文本大小
            FontMetrics fm = paint.getFontMetrics(); // 获取画笔默认字体的度量衡
            return fm.descent - fm.ascent; // 返回文本自身的高度
            //return fm.bottom - fm.top + fm.leading;  // 返回文本所在行的行高
        }
    
        // 根据资源编号获得线性布局的实际高度(页面来源)
        public static float getRealHeight(Activity act, int resid)
        {
            LinearLayout llayout = act.findViewById(resid);
            return getRealHeight(llayout);
        }
    
        // 根据资源编号获得线性布局的实际高度(视图来源)
        public static float getRealHeight(View parent, int resid)
        {
            LinearLayout llayout = parent.findViewById(resid);
            return getRealHeight(llayout);
        }
    
        // 计算指定线性布局的实际高度
        public static float getRealHeight(View child)
        {
            LinearLayout llayout = (LinearLayout) child;
    
            // 获得线性布局的布局参数
            LayoutParams params = llayout.getLayoutParams();
    
            if (params == null)
            {
                params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
            }
    
            // 获得布局参数里面的宽度规格
            int wdSpec = ViewGroup.getChildMeasureSpec(0, 0, params.width);
    
            int htSpec;
    
            if (params.height > 0) { // 高度大于0，说明这是明确的dp数值
                // 按照精确数值的情况计算高度规格
                htSpec = MeasureSpec.makeMeasureSpec(params.height, MeasureSpec.EXACTLY);
            } else { // MATCH_PARENT=-1，WRAP_CONTENT=-2，所以二者都进入该分支
                // 按照不确定的情况计算高度规则
                htSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
            }
            llayout.measure(wdSpec, htSpec); // 重新丈量线性布局的宽高
            // 获得并返回线性布局丈量之后的高度。调用getMeasuredWidth方法可获得宽度
            return llayout.getMeasuredHeight();
        }
    
    }

![d9f2f0375318723d8461299832d4ac68.png][]

![53df969231d8e38972cf25d6ed080b87.png][]

![f0bc3a042f57245b1cb0b3f8e1931225.png][]

![046c7bf15c8816212a7ddf9be621af61.png][]

![a1dccd9118f9d8d81a7e2ebf3ee2b7ab.png][]

![223e9e3eae4087396406d91ac12c3665.png][]

[7d1fde809732a3bf640d11f42e3b588a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1e30f55ceb054e24ac17a7cd61a9f2fd.png
[81ce61c95f110ea8952f90aa02e7141f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/850d60c48961448d8c1bd3b7a7b17a9e.png
[3a7e4f1b517faabe2e06f4a145cc2480.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/db43d6688c7c47f4943666ccaae88404.png
[54aa7bfdb12a94d78bde845c6e3161b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/5ad07aaf51c342c7905bcd6739992d49.png
[2c3a9b9e8b9ee6060bd056d027d74d15.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/e3ce3a93680d47949df4bbbe6ab07441.png
[76f357ee95cbe62442433cadf0d33a49.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/30190f4749ee400abca41d50e410ab07.png
[c22ae34acdd22f9485eb31e0a46d6aaa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/c82c42205b464455a2d7caf248fdd1e5.png
[b61acc74259305b3a4f9b44fd3a57eef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1292a3313f164f2883cd25ae1a380dd5.png
[da1d79624441a41aedf0621979fb4143.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/6a1050107bc04f348fb5f4c433e39acf.png
[c46d88e5893db925e8c1e76151e5bfb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1bb118b0e5dc4c30bdd1fbe601ca77c0.png
[67f3e98a2201fe66d4be92242b064526.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/806f3a22b6254a85b67c5f1f1cee625c.png
[d9f2f0375318723d8461299832d4ac68.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/26f37b7b10e54a2d8a3d7de08f306c8f.png
[53df969231d8e38972cf25d6ed080b87.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/e963609cb46a4197aaa08d8df13faa7e.png
[f0bc3a042f57245b1cb0b3f8e1931225.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/ff567b44f9394cacb4a62081f5c9d9f7.png
[046c7bf15c8816212a7ddf9be621af61.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/82cf3aab79f849f092436447a91c8285.png
[a1dccd9118f9d8d81a7e2ebf3ee2b7ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/88e7c0a9b3214975830720c7add12c5a.png
[223e9e3eae4087396406d91ac12c3665.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f52b0597e07242c9bda28ce94f49baee.png