首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android入门教程 | ImageView 图片显示

显示图片是“刚需”。不论是书籍,报纸,网站,都有显示图片的需求。毕竟“无图无真相”。 在 Android 应用开发中,我们通常使用 ImageView 来显示图片。...ImageView的主要属性 [1240] ImageView的使用 ImageView经常用来显示图片。例如直接显示drawable里的图片资源。 ImageView显示的是Drawable对象。...为方便后续表述,先给ImageView指定一个style,统一大小。再设置一个默认背景颜色。...[1240] center,centerCrop,centerInside 都是尽可能显示图片的中间部分。 center 不缩放图片,如果图片比 ImageView 大,则会显示图片中间的部分。...centerCrop,尽可能多的显示图片的中间部分。 centerInside,把图片放到中间去显示,不会尝试铺满ImageView。

4.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    android 显示图片的指定位置图像 ImageView ImageButton

    产品需要在页面下方横排显示三个按钮 ? 解决方案 废话不多说,网上搜了一下,大多都是通过代码重新绘制。因为我比较粗俗,所以自己找到了一种解决办法。...心历路程 设置scaleType的值来实现 根据查阅资料了解Image相关view的属性值了解到 对于android:scaleType属性,因为关于图像在ImageView中的显示效果,所以有如下属性值可以选择...fitXY:横向、纵向独立缩放,以适应该ImageView。 fitStart:保持纵横比缩放图片,并且将图片放在ImageView的左上角。...center:把图片放在ImageView的中央,但是不进行任何缩放。 centerCrop:保持纵横比缩放图片,以使图片能完全覆盖ImageView。...centerInside:保持纵横比缩放图片,以使得ImageView能完全显示该图片。

    2.5K40

    【Android从零单排系列九】《Android视图控件——ImageView》

    一.ImageView基本介绍  在 Android 应用开发中,我们通常使用 ImageView 来显示图片。...二.ImageView常用主要属性介绍 android:src 设置图片资源 android:scaleType 设置图片缩放类型 android:alpha 设置图片透明度 src src 设置图片资源...:同上,缩放后放右下角 fitXY:对图像横纵方向进行独立缩放,使得该图片安全适应imageview,但图片宽高比可能发生改变 center:保持原图大小,显示在中心,当原图大小大于imageview大小...,超过部分裁剪处理 centerCrop:保持宽高比缩放,直到完全覆盖imageview,可能出现图片显示不完整 centerInside:保持宽高比缩放,知道imageview能完全显示图片 matrix...,框架体积小 缺点在于不支持GIF,并且他可能是想让服务器去处理图片的缩放,他缓存的图片是未缩放的,并且默认使用ARGB_8888格式缓存图片,缓存体积大 Glide 支持GIF图片的加载,图片缓存也会自动缩放

    1.3K30

    3-VIV-Android控件之ImageView

    零、前言 [1].ImageView地位:直接继承自View,安卓源码1600+,算是个小类,但图片显示基本上都用它 [2].scaleType有点小烦,不过看图还是挺清晰的 [3].cropToPadding...* @attr ref android.R.styleable#ImageView_src * @attr ref android.R.styleable#ImageView_maxWidth...ImageView裁剪类型.gif fitCenter:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 fitEnd:按比例扩大(缩小)到ImageView的高度,显示在ImageView...的下部分位置 fitStart:按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置 fitXY:不保持原比例,填满ImageView center:按比例扩大或缩小到ImageView...的ImageView的高度,居中显示 centerCrop:(小图会放大形成模糊版的center,大图同center) centerInside:(小图会保持原大小,大图同fitCenter) matrix

    78120

    Android控件之ImageView

    零、前言 1.ImageView地位:直接继承自View,安卓源码1600+,算是个小类,但图片显示基本上都用它 2.scaleType有点小烦,不过看图还是挺清晰的 3.cropToPadding...),但用代码控制有些奇怪 [ImageView裁剪类型.gif] fitCenter:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 fitEnd:按比例扩大(缩小)到ImageView...的高度,显示在ImageView的下部分位置 fitStart:按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置 fitXY:不保持原比例,填满ImageView center...:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 centerCrop:(小图会放大形成模糊版的center,大图同center) centerInside:(小图会保持原大小..." --- 五、最重要的要数设置图片了 1.xml设置图片 android:src="@mipmap/iv_50x40" 2.代码中设置 Drawable和Bitmap都是安卓中图片显示和处理的重要类,

    1K00

    Android中ImageView控件的ScaleType属性使用详解

    [hy2kvhipsc.png] 2.android:scaleType=“center_inside” 以原图正常显示为目的 (1).当原图的size小于ImageView的size时,不做处理居中显示图片...[grks4jaqil.png] 6.android:scaleType=“fit_start” 把原图按照比例放大缩小到ImageView的高度,显示在ImageView的start(前部/上部)...[iezpgioltv.png] 7.android:sacleType=“fit_center” 把原图按照比例放大缩小到ImageView的高度,显示在ImageView的center(中部/居中显示...[078l0ycz17.png] 8.android:scaleType=“fit_end” 把原图按照比例放大缩小到ImageView的高度,显示在ImageVIew的end(后部/尾部/底部)...小编整理了一份Android电子书籍,需要的童鞋关注公众号回复:"e_books" 即可获取哦! [在这里插入图片描述] 欢迎关注公众号(longxuanzhigu),获得更多福利、精彩内容哦!

    1.8K20

    一线开发者本周复盘2

    就是给你一张图,当文本显示两行的时候,全部显示。 如果只显示一行,那么就显示上半部分。 为了便于理解,这边自己用 sketch 做了一张背景图。 ?...这里要求当你文本显示一行,只显示上面第一个色块,当文本为两行时,显示两个色块。 分析 既然需求出来了,那么我们就开始进行分析。 这里最重要的其实是拆分思维。这个需求其实可以拆为两个小需求。...你能够判断当前文本显示的行数。 如果你能够解决这两个小需求,那么这个需求也就迎刃而解了。 图片裁剪 如何进行图片裁剪呢? 其实很简单,只要在 drawable 下面创建一个 xml 文件即可。...准备好了 xml,还没有完哦~ 我们这边在界面 xml 设置一个 ImageView 来演示,ImageView 布局如下: ImageView android:id="@+id/clip_bg...一个需求,如果可以拆分成小的需求,就进行需求拆分。 当不能再拆分的时候,解决起来会比直接解决大需求要容易和快的多。 当所有小需求都解决了,大需求自然迎刃而解。

    37320

    android学习笔记之ImageView的scaleType属性

    我用两张图片来做demo,这两张图片的分辨率一大一小,图片分别叫做big和small。原图如下: big: small: OK,准备工作已经完成。...比如我的两张大小不同的图片,分别显示在96dp×96dp的ImageView上,会有不同的效果,代码如下: ImageView android:layout_width="96dp..."@drawable/small" /> 显示效果如下: 我们看到,big图片由于比较大,因此只有左上角显示出来了,其他部分则被剪裁掉了,而small图片由于分辨率比较小,因此完整的显示在ImageView...的宽度,然后居上显示,small图片是缩放至ImageView的高度,然后居左显示。..." /> 显示效果如下: centerInsid centerInside的目标是将原图完整的显示出来,故按比例缩放原图,使得ImageView可以将原图完整显示,比如下面一个Demo:

    2K20

    常用控件之ImageView的使用(一)

    ZoomButton ImageView(图像视图),直接继承自View类,它的主要功能是用于显示图片,实际上它不仅仅可以用来显示图片,任何Drawable对象都可以使用 ImageView来显示。...android:src:设置 ImageView所显示的Drawable对象的ID。...adjustViewBounds:设置ImageView是否调整自己的边界来保持所显示图片的长宽比,需要结合 android:maxWidth、 android:maxHeight一起使用否则单独使用没有效果...对于 android:scaleType属性,因为关于图像在 ImageView中的显示效果,所以有如下属性值可以选择: matrix:使用 matrix方式进行缩放。...:保持纵横比缩放图片,以使图片能完全覆盖ImageView; centerInside:保持纵横比缩放图片,以使得 ImageView能完全显示该图片; 上述的几个属性小编就不给大家做具体展示了,希望各位小伙伴可以自主尝试

    1.7K20

    Android实现轮播图点击图片放大效果

    最近项目中需要实现轮播图显示商品图片,当用户点击商品图片的时候,需要图片放大显示,当然用户还能进行多张图片的滑动切换,放大,缩小图片等操作,实现起来相对还是比较简单的,话不多说,咱们是用代码说话的,直接上代码...getContext()) .load(url) // .placeholder(R.mipmap.ic_launcher)//加载过程中图片未显示时显示的本地图片...// .error(R.mipmap.ic_launcher)//加载异常时显示的图片 //.centerCrop()//图片图填充ImageView...设置的大小 // .fitCenter()//缩放图像测量出来等于或小于ImageView的边界范围,该图像将会完全显示 .into(mPhotoView...---- 小编整理了一份Android电子书籍,需要的童鞋关注公众号回复:"e_books" 即可获取哦!

    4.6K10
    领券