android imageview图片居中技巧应用

2016-02-19 11:31 32 1 收藏

下面图老师小编要向大家介绍下android imageview图片居中技巧应用,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - 编程语言 】

做UI布局,尤其是遇到比较复杂的多重LinearLayout嵌套,常常会被一些比较小的问题困扰上半天,比如今天在使用ImageView的时候,想让其居中显示,可是无论怎样设置layout_gravity属性,都无法达到效果,部分代码如下:
[java]
代码如下:

LinearLayout
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1"
android:padding="20dp"
LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
LinearLayout
android:layout_width="108dp"
android:layout_height="108dp"
android:orientation="vertical"
android:background="#3399ff"
ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@drawable/menu_icon__mail"
android:layout_gravity="center"/
/LinearLayout

于是乎四处找资料寻求解决的方式,原来是父类视图的属性没有设置的原因,将父类视图设置为居中边可解决,即android:gravity="center":
[java]
代码如下:

LinearLayout
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1"
android:padding="20dp"
LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
LinearLayout
android:layout_width="108dp"
android:layout_height="108dp"
android:orientation="vertical"
android:gravity="center"
android:background="#3399ff"
ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@drawable/menu_icon__mail"
android:layout_gravity="center"/
/LinearLayout

UI设计方面往往很小的细节,很简单的问题,有的时候就是会让你烦上好一阵子,不过自己动手多多设计经验多了,解决起来就简单鸟!

来源:http://www.tulaoshi.com/n/20160219/1597757.html

延伸阅读
绘制圆环其实很简单,有大概以下三种思路. 这里先说网上提到的一种方法。思路是先绘制内圆,然后绘制圆环(圆环的宽度就是paint设置的paint.setStrokeWidth的宽度),最后绘制外圆。 请看核心源码: 代码如下: SPAN xmlns="http://www.w3.org/1999/xhtml"package yan.guoqi.rectphoto; import android.content.Context; import android.graphi...
标签: Web开发
使用表格的方法来表现设计效果 style type="text/css" !-- body{     font-size:12px;     font-family:"宋体"; } table{     border:1px solid #E6EFF8;     margin-bottom:2px; } td{     height:23px;     line-height:23px;     paddin...
在一个容器里再定义一个绝对定位的p容器,再在p容器里放需要垂直居中的图片,图片定义相对定位的CSS。 直接上CSS代码: #pic { width:300px; height:300px; background-color:green; border:6px solid #ccc; text-align:center; position:relative; display:table-cell; vertical-align:middle; } #pic p { *position:absolute;...
标签: Android
10 款酷酷的 Android 应用   如果不是谈及Windows,人们很难想到微软。在过去的30年中,Windows影响了数代人的生活,即将发布的Windows 10将继续影响人们的生活。另一方面,当听到微软的名字时,人们也不会首先想到Android。这就是当人们听到微软已经在Google Play应用商店中发布了数十款Android应用时感到意外的原因。下文简单...
2013年度10大Android应用   在2013年,Android系统已经进化到新的4.4版本,同时实现了10亿部激活设备以及500亿次的应用下载,这些关键数字都说明Android是目前最受欢迎的智能平台。而在过去一年中,我们看到了无数精品应用登陆Google Play商店,其中一部分获得了巨大成功,下面就来看看外媒评选出的2013年度10大Android应用,或许会...

经验教程

428

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部