Android控件设置宽高比的方法

2024-10-03 18:12:15

0. 困扰很久的问题

Android控件的宽和高保持比例，这是从我接触Android以来，一直不断会遇到的需求。以前，要么就是在代码里直接设置宽和高，要么就是自定义控件。网上也有开源的自定义ViewGroup，可以让其子View比较方便的设置宽和高的比例。但这些实现方式，还是比较麻烦，也不够直观。直到有了DataBinding，我们可以很方便地给控件加上自定义的属性，也就可以很方便的在布局文件中设置控件的宽高比了。

1. 如何实现

通过BinderAdapter为所有View绑定下面的方法，当设置widthHeightRatio属性时，会调用下面这个方法。这个有点AOP的意思，我们针对所有的View做了处理。

public class DataBindingAdapters {
  // 根据View的高度和宽高比，设置高度
  @BindingAdapter("widthHeightRatio")
  public static void setWidthHeightRatio(final View view, final float ratio) {
    view.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
      @Override
      public void onGlobalLayout() {
        int height = view.getHeight();
        if (height > 0) {
          view.getLayoutParams().width = (int) (height * ratio);
          view.invalidate();
          view.getViewTreeObserver().removeGlobalOnLayoutListener(this);
        }
      }
    });
  }
}

我们在获取到控件的高度后，根据比例计算宽度，然后设置给控件。这里注册了OnGlobalLayoutListener，是因为控件的高度有可能还没计算完成。在获取到高度之后，移除监听，避免多余的调用。

<ImageView
  android:layout_width="120dp"
  android:layout_height="match_parent"
  app:widthHeightRatio="@{1}"/>

然后我们就可以在布局文件中直接设置宽高比了。这个布局文件必须使用DataBinding，也就是最外层要用layout标签。属性值必须加上@{}，不然是按普通属性处理的，不会调用我们的方法，编译时会因为找不到属性报错。当然，这个属性只能根据高度计算宽度，如果要根据宽度计算高度，可以用同样的方式再加一个属性。

2. 原理简析

其实在编译后的layout文件中是没有我们加的属性的（编译后的layout文件在build/intermediates/data-binding-layout-out下面可以看到）。真正设置这个属性，还是在Java代码中直接调用了我们绑定的方法。在DataBinding自动生成的Binding类中，可以发现有类似下面这样的调用。

代码如下:

DataBindingAdapters.setWidthHeightRatio(this.mboundView0, cardWidthHeightRatio);

这里只是做一个简单的解释，至于在什么时机会触发这行代码，敬请期待我后续的文章。

3. BinderAdapter的其他妙用

ImageView自动加载网络图片

@BindingAdapter({"android:src", "error"})
public static void setImageUrl(ImageView view, String url, @DrawableRes int errorImage) {
  if (!TextUtils.isEmpty(url)) {
    // 封装好的图片加载工具
    ImageManager.from(view.getContext()).displayImage(view, url, errorImage);
  } else {
    view.setImageResource(errorImage);
  }
}

直接在布局文件中设置要加载的图片的url，和加载失败时显示的默认图。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android中oncreate中获得控件高度或宽度的实现方法

Android中oncreate中获得控件高度或宽度的实现方法 onCreate函数只是提供了数据初始化的机会,此时还没有正式绘制图形.在图形尚未渲染的情况下,getWidth()或getHeight()得到的值为0.如果需要自适应屏幕,需要一进入界面就得到父控件大小,然后需要在onCreate中动态设置子控件大小. 方法1: 利用ViewTreeObserver类的addOnPreDrawListener接口. ViewTreeObserver vto = hscrollview.getVie
android获取屏幕宽高与获取控件宽高(三种方法)

1.获取屏幕宽高方法1: int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素,如:480px) int screenHeight = getWindowManager().getDefaultDisplay().getHeight(); // 屏幕高(像素,如:800p) Log.e(TAG + " getDefaultDisplay", "screenWidth=&q
Android OnCreate()中获取控件高度与宽度两种方法详解

Android OnCreate()中获取控件高度与宽度试过在OnCreate()中获取控件高度与宽度的童鞋都知道,getWidth()与getHeight()方法返回是0,具体原因看一下Activity的生命周期就会明白. 上代码: 方法一: int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED); int h = View.MeasureSpec.makeMeasureSpec(0,View.Me
Android编程获取屏幕宽高与获取控件宽高的方法

本文实例讲述了Android编程获取屏幕宽高与获取控件宽高的方法.分享给大家供大家参考,具体如下: 获取屏幕宽高 // 获取屏幕宽高(方法1) int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素,如:480px) int screenHeight = getWindowManager().getDefaultDisplay().getHeight(); // 屏幕高(像素,如:800p) L
Android在OnCreate中获取控件的宽度和高度的实现代码

在Android中,有时需要对控件进行测量,得到的控件宽度和高度可以用来做一些计算.在需要自适应屏幕的情况下,这种计算就显得特别重要.另一方便,由于需求的原因,希望一进入界面后,就能得到控件的宽度和高度. 可惜的是,根据我的验证,利用网上转载的那些方法在OnCreate函数中获取到的仍然是0(希望搞技术的能自己验证过再转载),例如Measure方法之后调用getMeasuredWidth的值还是0. 原因是因为当OnCreate函数发生时,只是提供了数据初始化的机会,此时还没有正式绘制图形.而绘
Android编程获取控件宽和高的方法总结分析

本文总结分析了Android编程获取控件宽和高的方法.分享给大家供大家参考,具体如下: 我们都知道在onCreate()里面获取控件的高度是0,这是为什么呢?我们来看一下示例: 首先我们自己写一个控件,这个控件非常简单: public class MyImageView extends ImageView { public MyImageView(Context context, AttributeSet attrs) { super(context, attrs); } public MyIm
Android中获取控件宽高的4种方法集合

借鉴自开发艺术 1.onWindowFocusChanged 这个方法会被调用多次,在View初始化完毕后会调用,当Activity的窗口得到焦点和失去焦点都会被调用一次(Activity继续执行和暂停执行时). @Override public void onWindowFocusChanged(boolean hasFocus) { super.onWindowFocusChanged(hasFocus); if (hasFocus) { int width = view.getMeasur
Android控件设置宽高比的方法

0. 困扰很久的问题 Android控件的宽和高保持比例,这是从我接触Android以来,一直不断会遇到的需求.以前,要么就是在代码里直接设置宽和高,要么就是自定义控件.网上也有开源的自定义ViewGroup,可以让其子View比较方便的设置宽和高的比例.但这些实现方式,还是比较麻烦,也不够直观.直到有了DataBinding,我们可以很方便地给控件加上自定义的属性,也就可以很方便的在布局文件中设置控件的宽高比了. 1. 如何实现通过BinderAdapter为所有View绑定下面的方法,当设
Android 控件设置阴影效果

本文主要记录Android控件设置阴影给控件设置阴影,会使得界面元素更好看一写,google 给我们提供了一个现成的控CardView,可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果本文是使用给控件设置背景实现阴影在res/drawable 下新建一个 Drawable Resource File 使用 layer-list 图层就是说可以多个图层一层一层盖上去新建一个渐变的图层 item作为背景图层,主要是 gradient,shape是用来定义形状
Android控件系列之EditText使用方法

学习目的: 1.掌握在Android中如何建立EditText2.掌握EditText的常用属性3.掌握EditText焦点的事件.按键的事件(监听器) 介绍: EditText是接受用户输入信息的最重要控件.通过前面课程的学习,您可能会猜到可以利用EditText.getText()获取它的文本,但真正的项目中,可能没那么简单,需要更多的限制,如文本长度限制,是否数字限制等等. 鉴于手机屏幕尺寸有限,您可能总想着如何节约控件.在每个用户需要填写内容的文本框的左边加上标题在PC上是一种优雅的方法
Android控件系列之Shape使用方法

如果你对Android系统自带的UI控件感觉不够满意,可以尝试下自定义控件,我们就以Button为例,很早以前Android123就写到过Android Button按钮控件美化方法里面提到了xml的selector构造.当然除了使用drawable这样的图片外今天Android开发网谈下自定义图形shape的方法,对于Button控件Android上支持以下几种属性shape.gradient.stroke.corners等. 复制代码代码如下: 我们就以目前系统的Button的select
Android控件Chronometer定时器的实现方法

Chronometer是一个简单的定时器,你可以给它一个开始时间,并以此定时,或者如果你不给它一个开始时间,它将会使用你的时间通话开始.默认情况下它会显示在当前定时器的值的形式"分:秒"或"H:MM:SS的",或者可以使用的Set(字符串)格式的定时器值到一个任意字符串 1.重要属性 android:format:定义时间的格式如:hh:mm:ss 2.重要方法 setBase(long base):设置倒计时定时器 setFormat(String format)
Android控件之ToggleButton的使用方法

ToggleButton的状态只能是选中和未选中,并且需要为不同的状态设置不同的显示文本. 以下案例为ToggleButton的用法目录结构 main.xml布局文件复制代码代码如下: <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" androi
Android控件系列之ImageView使用方法

学习目的: 1.掌握在Android中如何插入图片图片的加入可以立刻让您的程序增色不少,我们样例选用一张Android机器人(picture.jpg),您可以使用自己的任何图片进行试验一般建议您程序中的图片加入资源,而不是放在SD卡中用流的方式去读取,毕竟嵌入的资源比较安全,不容易被篡改. 1.导入图片到资源将图片拖拽到项目res\drawable开头的3个文件夹下,他们分别代表了高.中.低分辨度的图片.Android读取图片时自动优化,选用合适的一个图片显示,比如高分辨率可以存放128*
使用PlatformView将 Android 控件view制作成Flutter插件

目录引言 1. FlutterPlugin 创建 2. 创建 Android 控件 3. 注册 Android 控件 4. 封装 Android 层通信交互 ‘CustomViewController’ 代码说明 5. 在 flutter 中如何使用已注册的 Android 控件(view) 代码说明如何使用这个View 6. 附上 example 完整代码引言小编最近在项目中实现相机识别人脸的功能,将 Android 封装的控件 view 进行中转,制作成 FlutterPlugin
Android开发之瀑布流控件的实现与使用方法示例

本文实例讲述了Android开发之瀑布流控件的实现与使用方法.分享给大家供大家参考,具体如下: public class FlowLayout extends ViewGroup { /**行里子view之间的行距离*/ public int mHorizontolSpace = Util.getDimen(R.dimen.top_padding); /**行里子view之间的垂直距离*/ public int mVerticalSpace = Util.getDimen(R.dimen.top
Android编程之控件可拖动的实现方法

本文实例讲述了Android编程之控件可拖动的实现方法.分享给大家供大家参考,具体如下: 点击和触摸的区别是什么? 点击: 一组动作的集合手指按下着按钮手指要在按钮停留一段时间手指离开按钮 private static final String TAG = "DragViewActivity"; private ImageView iv_dv_view; private TextView tv_drag_view; private int startx; private int

Android控件设置宽高比的方法

相关推荐

随机推荐