一个难倒 3年 android开发经验 " 工程师 " 的 "bug"

  一个关于 imageView 设置 scaleType 的问题。

  就在刚才 晚上9 点多的时候,我的一个外包伙伴发一个工程代码我,叫我去看下这样一个"bug",说折腾了很久,图片选择器在选择完图片后,就要显示图片到界面上,大家可以想象下 微信 发表图片,因为我们相机的图片肯定是 长宽都不一致的,为了统一格式,一般都是把要显示出来的 imageView 设置成 scaleType = centerCrop 或者 center。

  问题就是:他在设置了上面的属性后,宛然无效!imageView 设置成 scaleType = centerCrop 或者 center,对图片没效果。

  先上事例图:

  理想效果 和 问题效果(左->右):

  公用的 xml:

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:paddingBottom="@dimen/activity_vertical_margin"
 6     android:paddingLeft="@dimen/activity_horizontal_margin"
 7     android:paddingRight="@dimen/activity_horizontal_margin"
 8     android:paddingTop="@dimen/activity_vertical_margin"
 9     tools:context=".MainActivity" >
10 
11     <LinearLayout
12         android:id="@+id/images_container"
13         android:paddingLeft="10dp"
14         android:orientation="horizontal"
15         android:layout_width="wrap_content"
16         android:layout_height="wrap_content">
17         
18 
19 
20     </LinearLayout>
21 
22 
23 </RelativeLayout>

  我们来看看出问题的代码:

  imageView 的 xml:

1 <?xml version="1.0" encoding="utf-8"?>
2 <ImageView
3     xmlns:android="http://schemas.android.com/apk/res/android"
4     android:id="@+id/image_one"
5     android:scaleType="centerCrop"
6     android:layout_width="30dp"
7     android:layout_height="30dp" />

他设置了动态 addView() 的方法 添加用户选中的 图片,java 代码,为了避免长篇大论,我已做简化,事例效果一样:

1 @Override
2     protected void onCreate(Bundle savedInstanceState) {
3         super.onCreate(savedInstanceState);
4         setContentView(R.layout.test);
5         final ImageView image = (ImageView) LayoutInflater.from(this).inflate(R.layout.send_post_image, null, false);
6         LinearLayout images_container = (LinearLayout) findViewById(R.id.images_container);
7         image.setImageResource(R.drawable.beni);
8         images_container.addView(image);
9     }

     这样的代码,貌似没什么问题,通过 LayoutInflater.from(this).inflate(...) 来事例化一个 View,而最为之关键的是,这个View 就是上面的 imageView的xml,里面明确设置了 width 和 height 是 30dp,显示方式是 centerCrop,最后通过 addView 添加到一个 linearLayout 中。但是,这份代码显示出来的效果是 右图,非 理想效果!!哈哈,感觉恍然大悟吧。

你可能会有这样一个印象,我们绝大多项目或者是练习中的 imageVIew 使用都是直接 findViewById, 一样的 imageView 设置,却没问题, 没错,的确没问题,你可以把上面的代码替换为这个试试:

   test.xml 换为:

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:paddingBottom="@dimen/activity_vertical_margin"
 6     android:paddingLeft="@dimen/activity_horizontal_margin"
 7     android:paddingRight="@dimen/activity_horizontal_margin"
 8     android:paddingTop="@dimen/activity_vertical_margin"
 9     tools:context=".MainActivity" >
10 
11     <LinearLayout
12         android:id="@+id/images_container"
13         android:paddingLeft="10dp"
14         android:orientation="horizontal"
15         android:layout_width="wrap_content"
16         android:layout_height="wrap_content">
17         <ImageView
18             android:id="@+id/image"
19             android:scaleType="centerCrop"
20             android:layout_width="30dp"
21             android:layout_height="30dp" />
22 
23 
24     </LinearLayout>
25 
26 
27 </RelativeLayout>

java 换为

1 @Override
2     protected void onCreate(Bundle savedInstanceState) {
3         super.onCreate(savedInstanceState);
4         setContentView(R.layout.test);
5         final ImageView image = (ImageView)findViewById(R.id.image);
6         image.setImageResource(R.drawable.beni);
7     }

这样显示出来的 效果 就是我们所 期望的。

为什么通过 addView() 的方法却败了呢?

问题的原因是这样的:任何使用 addView(...) 的方法,无论你所实例化的 View 本身的 xml 的 width 和 height 设置了什么,都是没效果的,请看清楚,是 width height 失效,上面的 scaleType 是有效的, 问题 java 代码中调用 addView 的时候并没有传入 LayoutParam 布局参数,好了,我们来 粘下 源码,见证真相只有一个。

 1 /**
 2      * <p>Adds a child view. If no layout parameters are already set on the child, the
 3      * default parameters for this ViewGroup are set on the child.</p>
 4      * 
 5      * <p><strong>Note:</strong> do not invoke this method from
 6      * {@link #draw(android.graphics.Canvas)}, {@link #onDraw(android.graphics.Canvas)},
 7      * {@link #dispatchDraw(android.graphics.Canvas)} or any related method.</p>
 8      *
 9      * @param child the child view to add
10      *
11      * @see #generateDefaultLayoutParams()
12      */
13     public void addView(View child) {
14         addView(child, -1);
15     }
16 
17 public void addView(View child, int index) {
18         if (child == null) {
19             throw new IllegalArgumentException("Cannot add a null child view to a ViewGroup");
20         }
21         LayoutParams params = child.getLayoutParams();
22         if (params == null) {
23             params = generateDefaultLayoutParams();
24             if (params == null) {
25                 throw new IllegalArgumentException("generateDefaultLayoutParams() cannot return null");
26             }
27         }
28         addView(child, index, params);
29     }
30 
31 protected LayoutParams generateDefaultLayoutParams() {
32         return new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
33     }

因为没有自己传入 LayoutParam 而 get 的又是 null ,为什么 get 的会是null,请在上面的事例代码中加入这句 log ,Log.d("zzzzz",""+image.getLayoutParams()); ,就会看到输出 null 了,而最终调用源码的:

protected LayoutParams generateDefaultLayoutParams() {    return new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);}直接使用了 Wrap_parent,所以啊,导致了失效。那我就是要使用 addView 怎么办?自己加个宽高限制即可。
 1 @Override
 2     protected void onCreate(Bundle savedInstanceState) {
 3         super.onCreate(savedInstanceState);
 4         setContentView(R.layout.test);
 5         final ImageView image = (ImageView) LayoutInflater.from(this).inflate(R.layout.send_post_image, null, false);
 6         LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(50,50); /** 这里 */
 7         LinearLayout images_container = (LinearLayout) findViewById(R.id.images_container);
 8         image.setLayoutParams(lp); /** 添加 */
 9         image.setImageResource(R.drawable.beni);
10         Log.d("zzzzz", "" + image.getLayoutParams());
11         images_container.addView(image);
12     }

行了,快1点了。。。。

  总结下。 导致这样的事情发生,我觉得还是缺少自己动手踏实编码的问题,现在框架比较泛滥了,又想起了那句老话:我们不生产代码,我们都是 github 的搬运工 ...

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android干货园

Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/80...

771
来自专栏梦里茶室

FLAG_ACTIVITY_NEW_TASK和SingleInstance的设计思路(多task的应用)

这部分的想法都是基于以下两点: 1.Activity可能被复用,可能是复用Activity的功能,还可能是复用Activity的状态; 2.Task的作用:ta...

2027
来自专栏Android知识点总结

2-VVI-材料设计之TabLayout下标签

695
来自专栏双十二技术哥

Android setContentView源码解析

Android开发的同学们对setContentView肯定都不陌生,但凡写到Activity,都离不开这个函数,今天我们就来看看它内部的实现吧!

1194
来自专栏向治洪

仿大总点评浮动效果

在大众点评团购中,有这样一个效果. 在具体的团购页面中商家图片下有一个购买条,当用户滚动团购详情界面的时候,购买条会停留在界面的最上方. 具体效果如图: ? ...

1899
来自专栏项勇

笔记40 | Android通讯之Intent的简单使用

1757
来自专栏非著名程序员

Android快速开发框架 roboguice

我记得推过一篇文章也是快速开发框架的,今天再来一篇! 1、roboguice 效果 ---- ? 图文无关 2、roboguice 说明 ---- robo...

1878
来自专栏向治洪

Android网络请求框架之Retrofit实践

网络访问框架经过了从使用最原始的AsyncTask构建简单的网络访问框架(甚至不能称为框架),后来使用开源的android-async-http库,再到使用go...

1848
来自专栏向治洪

保存手写签名

Android 提供了很多丰富、实用而且很有特色的功能。比如,语音识别、手写签名等等。本篇就为你介绍如何在android上进行个性化的手写签名。 首先大致说...

2156
来自专栏androidBlog

仿qq底部Tab导航

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details...

641

扫码关注云+社区