ImageView的学习和使用

ImageView

常用属性

scaleType

fitXY:撑满控件,宽高比例可能会发生改变

fitCenter:保持宽高比缩放,直到能够完全显示

centerCrop:保持宽高比缩放,直至完全覆盖控件,裁剪显示

使用scaleType的三种不同方式引入图片

<!--
src 引入图片
-->
<ImageViewandroid:id="@+id/iv_1"android:layout_width="200dp"android:layout_height="100dp"android:background="#FF9900"android:scaleType="fitXY"android:src="@drawable/bg_iron_hua" /><ImageViewandroid:id="@+id/iv_2"android:layout_width="200dp"android:layout_height="100dp"android:layout_below="@id/iv_1"android:layout_marginTop="10dp"android:background="#FF9900"android:scaleType="fitCenter"android:src="@drawable/bg_iron_hua" /><ImageViewandroid:id="@+id/iv_3"android:layout_width="200dp"android:layout_height="100dp"android:layout_below="@id/iv_2"android:layout_marginTop="10dp"android:background="#FF9900"android:scaleType="centerCrop"android:src="@drawable/bg_iron_hua" />

效果展示

加载网络图片

使用第三方开源库加载网络图片,在build.gradle中的dependencies中添加第三方开源库

dependencies {//这两行是引入的implementation 'com.github.bumptech.glide:glide:4.14.1'annotationProcessor 'com.github.bumptech.glide:compiler:4.14.1'//下面这是项目初始化自带的implementation 'androidx.appcompat:appcompat:1.3.0'implementation 'com.google.android.material:material:1.4.0'implementation 'androidx.constraintlayout:constraintlayout:2.0.4'testImplementation 'junit:junit:4.13.2'androidTestImplementation 'androidx.test.ext:junit:1.1.3'androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
}

因为我们要加载网络当中的图片,那么就要给我们这个项目开通网络的权限,开通网络权限的方法是在AndroidManifest.xml文件中进行下面这行代码的添加

    <!--给当前项目开通网络权限--><uses-permission android:name="android.permission.INTERNET"/>

然后在相关的view.xml中设置ImageView并且在项目的Activity当中编写加载网络图片的代码

<ImageViewandroid:id="@+id/iv_4"android:layout_width="200dp"android:layout_height="100dp"android:layout_below="@id/iv_3"android:layout_marginTop="10dp"android:background="#FF9900"android:scaleType="centerCrop" />

/*** 声明控件*/
private ImageView mIv4;
@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_image_view);//找到控件mIv4 = findViewById(R.id.iv_4);Glide.with(this).load("https://www.baidu.com/img/pc_d421b05ca87d7884081659a6e6bdfaaa.png").into(mIv4);
}

最终的效果展示

ImageView的学习和使用相关推荐

Android学习笔记21：ImageView获取网络图片
Android平台有3种网络接口可以使用,它们分别是:java.net.*(标准java接口).org.apache(Apache接口)和android.net.*(Android网络接口).本文将使 ...
Android Studio --- [学习笔记]RadioButton、CheckBox、ImageView、ListView、TCP的三次握手
说明源代码在2.x里有TCP的三次挥手与四次握手,先对它进行简单的回答(百度).预计在下一篇里,会继续说明TCP 接上一篇: Android Studio - > [学习笔记]Button. ...
android image对象改变,【Android学习】动态放大缩小ImageView里的图片，运用Matrix对象来....
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 /* 设置图片缩小的比例 */ double scale=0.8; /* 计算出这次要缩小的比例 */ scaleWidth=(float) (scale ...
android学习笔记之ImageView的scaleType属性
我们知道,ImageView有一个属性叫做scaleType,它的取值一共同拥有八种,各自是:matrix,fitXY.fitStart,fitCenter.fitEnd,center,centerC ...
Android UI学习 - GridView和ImageView的使用
GridView: A view that shows items in two-dimensional scrolling grid. The items in the grid come from ...
Android开发学习之ImageView手势拖拽、缩放、旋转
在Android应用中,图片随手势的拖拽.缩放.旋转在很多场景中都会用到,今天我们要做的就是在ImageView的基础上实现一个可以拖拽.缩放.转转的TouchView. 一.实现原理 OnTouch ...
Java开发桌面程序学习（七）——ImageView设置图片以及jar包读取fxml文件
ImageView设置图片 JavaFx的ImageView,设置图片不能直接通过属性设置,只能通过代码来设置 ImageView设置图片首先,我们让fxml对应的那个controller的java ...
Android学习之ImageView放置gif动态图
最近做图片的时候碰到一个问题,就是imageview控件中放动态图,显示出来的效果跟静态图是一样的.于是我网上大概找了一下资料,对于这方面大概有三个解决方法一.将gif用工具分割,一帧一帧的播放这 ...
0324的学习笔记----里面最重要的就是一个tom猫的动画，和涉及到的内存问题（创建imageview的两种方式，imagenamed就会形成缓存，占用很多内
还是可以自己对着视频,或者自己有空的时候在做一遍,把按钮做全面的,比较有意思. 看视频的时间是:2015.11.2日上午. 0324: 01-作业-QQ登陆界面 (1) 键盘的退出:[self.vie ...

ImageView的学习和使用

ImageView

常用属性

scaleType

使用scaleType的三种不同方式引入图片

效果展示

加载网络图片

最终的效果展示

ImageView的学习和使用相关推荐

最新文章

热门文章