StudyJams2 ---- ImageView

来源:互联网 发布:js split去除空字符串 编辑:程序博客网 时间:2024/06/06 03:31

第一篇是HelloWorld哈哈哈哈


今天是ImageView~


<ImageView    android:src="@drawable/cake"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:scaleType="center"/>

首先是示范代码片~ 下图是对应效果图



(来自https://v.studyjams.cn/#/android/simple-imageview)


和TextView一样,

<视图名称

    几串属性/>


当视图名称为TextView时,屏幕上显示的是对应的文字。当视图名称为ImageView时,则显示对应的图片。


第一个属性"android:src"表明图片的来源文件为"@drawable/cake"

我们定义@符合表示在AndroidApp里引用一个资源,而drawable为这个资源的类型,drawable是类似图形的东西能在Android里面显示在屏幕上(原文:A drawable is like a graphic that will be shown on screen in Android),cake是这个图片的名字,无需添加文件的扩展名,如jpeg、png等。

当使用Android Studio的时候,我们需要手动添加图片到应用里的drawable文件夹里面。确保只引用有效的图片


上述代码设置了页面的宽度和高度为“wrap_content”,那么ImageView就会和cake的图片一样大

而android:scaledType告诉设备在ImageView的边框里是否要对图片进行缩放。

如效果图所示,图片比屏幕的尺寸还大,因此屏幕只显示了图片的中心。我们可以将属性值设置为centerCrop(剧中裁剪),它会缩小图片以满足视图的宽高要求,并保留原图像的长宽比。


full bleed image:全出血图片。图片显示的时候没有任何白边或者其他东西。

如下图所示





Android 开发者文档:https://developer.android.google.cn/index.html


0 0
原创粉丝点击