首页 > 其他分享 >Android入门教程 | ImageView 图片显示

Android入门教程 | ImageView 图片显示

时间:2023-10-11 15:05:37浏览次数:30  
标签:src 显示 入门教程 铺满 ImageView Android 图片

为了让App界面更美观生动,我们可以放上图片。 显示图片是“刚需”。不论是书籍,报纸,网站,都有显示图片的需求。毕竟“无图无真相”。 在 Android 应用开发中,我们通常使用 ImageView 来显示图片。

ImageView的主要属性

Android入门教程 | ImageView 图片显示_Android

ImageView的使用

ImageView经常用来显示图片。例如直接显示drawable里的图片资源。 ImageView显示的是Drawable对象。

src 与 backGround 的区别

在 layout xml 中,我们先来看一下 src 与 backGround 的区别。

  • backGround 是 View(ImageView是View的子类)的背景,会把图片拉大铺满整个View。
  • src 是 ImageView 的属性,接受要展示的图片资源。

为方便后续表述,先给ImageView指定一个style,统一大小。再设置一个默认背景颜色。

<style name="IvDemo1">
    <item name="android:layout_width">100dp</item>
    <item name="android:layout_height">80dp</item>
    <item name="android:background">#929292</item>
    <item name="android:layout_marginTop">4dp</item>
</style>

在 drawable目录中增加一张图片。图片的宽长比和 style 设置的不一样。方便我们查看图片效果。

在示例 xml 中,展示 src 与 backGround 的区别。

<ImageView
    style="@style/IvDemo1"
    android:background="@drawable/pic_2_robots" />

<ImageView
    style="@style/IvDemo1"
    android:layout_marginStart="20dp"
    android:src="@drawable/pic_2_robots" />

效果:

Android入门教程 | ImageView 图片显示_显示图片_02

左边是设置为了background,可以看到图片被拉伸铺满了整个ImageView。 而且图片有一点变形。那是因为图片的宽长比和 ImageView 的宽长比不一致。

右边设置了src,可以看到图片并没有铺满。右边图片的显示方式,就是我们接下来要介绍的 scaleType。

scaleType,图片显示方式

设置了src后,再设置scaleType,能确定图片的显示效果。

<ImageView
    style="@style/IvDemo1"
    android:scaleType="fitXY"
    android:src="@drawable/pic_2_robots" />

实际上,src除了用drawable里的资源,也可以用mipmap。

<ImageView
    style="@style/IvDemo1"
    android:layout_marginStart="20dp"
    android:scaleType="center"
    android:src="@mipmap/ic_launcher" />

scaleType取值:

  • fitStart
  • fitCenter
  • fitEnd
  • fitXY
  • center
  • centerCrop
  • centerInside
  • matrix

带有“fit”字样的,会显示图片的全部内容。 fitStart,fitCenter,fitEnd 图片会按原比例显示。 图片会往指定的方向靠拢。 fitXY会拉伸图片,铺满整个ImageView。

Android入门教程 | ImageView 图片显示_android_03

center,centerCrop,centerInside 都是尽可能显示图片的中间部分。

  • center 不缩放图片,如果图片比 ImageView 大,则会显示图片中间的部分。
  • centerCrop,尽可能多的显示图片的中间部分。
  • centerInside,把图片放到中间去显示,不会尝试铺满ImageView。

Android入门教程 | ImageView 图片显示_显示图片_04

matrix 把图片铺在ImageView左上角,并且不缩放图片。

Android入门教程 | ImageView 图片显示_显示图片_05

设置图片透明度,alpha

设置 alpha 值,能改变整个 ImageView 的透明度。

<ImageView
    style="@style/IvDemo1"
    android:layout_marginStart="20dp"
    android:alpha="0.9"
    android:scaleType="fitCenter"
    android:src="@drawable/pic_2_robots" />

例子:

Android入门教程 | ImageView 图片显示_显示图片_06

最后分享一份

【腾讯技术团队出品】Android零基础入门到精通,Android Studio安装教程+全套安卓基础教程

Android编程入门教程

Java语言基础从入门到熟悉

Android入门教程 | ImageView 图片显示_显示图片_07

Kotlin语言基础从入门到熟悉

Android入门教程 | ImageView 图片显示_android_08

Android 技术栈从入门到熟悉

Android入门教程 | ImageView 图片显示_android_09

Android Jetpack 全家桶全面学习

Android入门教程 | ImageView 图片显示_android_10

对于新手来说可能安装Android Studio存在一定困难你可以看着以下视频,一步步的跟着学习安装运行

Android Studio 安装教程

Android入门教程 | ImageView 图片显示_android_11

有了Java阶段的学习,这一阶段建议以视频学习为主辅以图书查漏补缺。如果以图书为主,可以根据图书讲解敲代码,辅以教学视频查漏补缺。遇到问题可以去百度,入门的问题一般会有很多人遇到,并且给出比较好的解答。

需要掌握基本知识点,比如四大组件如何使用、如何创建Service、如何进行布局、简单的自定义View、动画、网络通信等常见技术。


Android入门教程 | ImageView 图片显示_显示图片_12

Android入门教程 | ImageView 图片显示_android_13

Android入门教程 | ImageView 图片显示_android_14

Android入门教程 | ImageView 图片显示_显示图片_15

Android入门教程 | ImageView 图片显示_android_16

Android入门教程 | ImageView 图片显示_Android_17

Android入门教程 | ImageView 图片显示_android_18

标签:src,显示,入门教程,铺满,ImageView,Android,图片
From: https://blog.51cto.com/u_16163452/7810628

相关文章

  • 调用Android设备中已经安装的软件打开各种类型的指定文件
    最近因项目需求需要在android应用程序中下载一些附件,并打开这些附件,比如音视频视频以及图片这些。开始还好,文件类型不是很多,但是后来需求又加上doc/xls/ppt等,后来又兼容了pdf。这时候已经被需求改的烦不胜烦,觉得有必要针对打开本地文件做一个通用的封装了,判断File的类型,然后用指......
  • 视频直播源码,AndroidStudio登录页面的切换
    视频直播源码,AndroidStudio登录页面的切换xml代码 <?xmlversion="1.0"encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto"  ......
  • 关于linux:Android的/ storage / emulated / 0和/ data / media / 0的不同权限
     Android/storage/emulated/0and/data/media/0differentpermissions我有LGG3智能手机。在文件系统探索期间,我发现/storage/emulated/0/...目录(从系统接收到我的本地用户)具有不允许chmod和chown操作的权限。当我尝试将某些文件更改为777时,我收到了0个结果......
  • android 13 指纹整理
    android13指纹整理术语缩略语英文全名中文解释TEETrustedExecutionEnvironment可信执行环境,存在于主CPU中的一块安全运行环境。CAClientApplication客户端应用,通常指运行在REE的应用TATrustedApplication可信应用,通常指运行在TEE环境的应用......
  • 【Android面试】2023最新面试专题六:Java并发编程(一)
    1、假如只有一个cpu,单核,多线程还有用吗?详细讲解享学课堂移动互联网系统课程:架构师筑基必备技能《线程与进程的理论知识入门1》这道题想考察什么?是否了解并发相关的理论知识考察的知识点cpu多线程的基本概念操作系统的调度任务机制CPU密集型和IO密集型理论考生应该如何回答CPU的执......
  • 不都说金九银十嘛?为什么招聘软件上的Android岗位都变少了?
    前言刷知乎刷到了这样的一个话题,在北京裸辞三个多月都没有找到合适的工作,紧接着各种压力接踵而至,压的喘不过气,各种招聘网站看了个遍没有几个符合要求的工作,七八月没周都能约到两个到三个面试,到了九月感觉会好一点因为都说是金九银十,感觉自己机会要来了,结果九月更惨网站上的工作还没......
  • Android 多个选项的弹出框的简单实现
    在布局页面添加一个fab按钮(fab_user_Add),可以简单的Button按钮就可以<cc.trity.floatingactionbutton.FloatingActionButtonandroid:id="@+id/fab_user_add"android:layout_width="50dp"android:layout_height="50dp&quo......
  • Flutter module集成到Android原生项目报错
    使用AAR方案集成遇到两个诡异错误环境:Flutter(Channelstable,3.3.10,onmacOS13.5.222G91darwin-x64,localezh-Hans-CN)AndroidStudio(version2022.3)Androidtoolchain-developforAndroiddevices(AndroidSDKversion34.0.0)参考文档en参考文档zh......
  • Android Studio可以编译但Flutter提示无法定位java runtime
    AndroidStudio可以编译但Flutter提示无法定位javaruntime下面我们重点讲一下“UnabletofindbundledJavaversion”报错问题到AndroidStudio安装目录下注意:有些AndroidStudio可能是“jbr”文件,不用管jbr文件,直接复制一份jbr文件在同一路经,再把复制的文件改名为“jre”文......
  • Android设置spinner字体
    弹出下拉菜单可以直接设置,但是显示字体需要使用自定义适配器来生效你尝试在Spinner上应用了自定义的样式,但似乎字体大小未更改。在Spinner控件中更改字体大小可能需要使用自定义适配器来生效。尽管你在样式setting_spinner中设置了android:textSize,但这只会影响下拉列表中......