ImageView详解 ScaleType 安卓无忧第二篇

最新推荐文章于 2024-08-27 15:51:22 发布
最新推荐文章于 2024-08-27 15:51:22 发布
阅读量112 收藏
点赞数
文章标签： 移动开发

ImageView的全路径：android.widget.ImageView.显示任意图像，例如图标。ImageView类可以加载各种来源的图片（如资源或图片库），需要计算图像的尺寸，比便它可以在其他布局中使用，并提供例如缩放和着色（渲染）各种显示选项。

1 XML属性

android:layout_width=""---控件宽

android:layout_height=""---控件高

android:scaleType=""---控件如何显示

参数：

center---按图片原来的尺寸居中显示，当图片的长（宽）超过view的长（宽），则截取图片居中部分显示

centerCrop---按比例扩大图片的尺寸居中显示，使得图片长（宽）等于或大于view的长（宽）

centerInside---将图片的内容完整居中显示，通过按比例缩小或原来的尺寸使得图片长（宽）小于或等于view的长（宽）

fitCenter---把图片按比例扩大/缩小到view的宽度，居中显示

fitEnd---把图片按比例扩大/缩小到view的宽度，显示在view的下半部分位置

fitStart---把图片按比例扩大/缩小到view 的宽度，显示在view的上半部分位置

fitXY---把图片不按比例扩大/缩小到view的大小显示

matrix---用矩阵来绘制

2 ImageView中常用方法说明

setAlpha(intalpha) 设置ImageView的透明度

setImageBitmap(Bitmapbm) 设置ImageView所显示的内容

为指定的Bitmap对象

setImageDrawable(Drawabledrawable) 设置ImageView所显示的内容

为指定的Drawable对象

setImageResource(intresId) 设置ImageView所显示的内

容为指定id的资源

setImageURI(Uriuri) 设置ImageView所显示的内

容为指定Uri

setSelected(booleanselected) 设置ImageView的选中状态


3 ImageView例子





例子代码 

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_horizontal"
            android:text="原图" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:src="@drawable/head7" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_horizontal"
            android:text="AdjustViewBounds
            ImageView大小自动调整,ImageView 没有红色背景" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:adjustViewBounds="true"
                android:background="#ff0000"
                android:maxHeight="170dp"
                android:maxWidth="140dp"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="50dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:adjustViewBounds="true"
                android:background="#ff0000"
                android:maxHeight="170dp"
                android:maxWidth="140dp"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="160dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:adjustViewBounds="true"
                android:background="#ff0000"
                android:maxHeight="170dp"
                android:maxWidth="140dp"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_horizontal"
            android:text="cropToPadding属性" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:background="#ff0000"
                android:cropToPadding="true"
                android:maxHeight="170dp"
                android:maxWidth="140dp"
                android:scrollY="-10dp"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:cropToPadding="true"
                android:maxHeight="170dp"
                android:maxWidth="140dp"
                android:scrollY="10dp"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:cropToPadding="true"
                android:maxHeight="170dp"
                android:maxWidth="140dp"
                android:scrollY="20dp"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="fitXY" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="140dp"
                android:background="#ff0000"
                android:scaleType="fitXY"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitXY"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitXY"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="fitStart" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="140dp"
                android:background="#ff0000"
                android:scaleType="fitStart"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitStart"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitStart"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="fitEnd" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="140dp"
                android:background="#ff0000"
                android:scaleType="fitEnd"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitEnd"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitEnd"
                android:src="@drawable/head7" />
        </LinearLayout>


        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="fitCenter" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="90dp"
                android:background="#ff0000"
                android:scaleType="fitCenter"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="40dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitCenter"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="fitCenter"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="center" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="140dp"
                android:background="#ff0000"
                android:scaleType="center"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="center"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="center"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="centerInside" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="90dp"
                android:background="#ff0000"
                android:scaleType="centerInside"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="40dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="centerInside"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="centerInside"
                android:src="@drawable/head7" />
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="centerCrop" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="80dp"
                android:layout_height="90dp"
                android:background="#ff0000"
                android:scaleType="centerCrop"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="40dp"
                android:layout_height="60dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="centerCrop"
                android:src="@drawable/head7" />

            <ImageView
                android:layout_width="170dp"
                android:layout_height="180dp"
                android:layout_marginLeft="10dp"
                android:background="#ff0000"
                android:scaleType="centerCrop"
                android:src="@drawable/head7" />
        </LinearLayout>
    </LinearLayout>
</ScrollView>

最后，例子都来源于安卓无忧，请去应用宝下载安卓无忧http://android.myapp.com/myapp/detail.htm?apkName=com.shandong.mm.androidstudy，源码例子文档一网打尽。百度网盘地址：http://yun.baidu.com/share/link?shareid=996618543&uk=1000858045




最后，例子都来源于安卓无忧，请去应用宝下载安卓无忧http://android.myapp.com/myapp/detail.htm?apkName=com.shandong.mm.androidstudy，源码例子文档一网打尽。百度网盘地址：http://yun.baidu.com/share/link?shareid=996618543&uk=1000858045

buyadong1985
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
7.Android学习之资源访问（二）
ttycr的博客
04-09 1912
目录 7.资源访问（二） 4.布局资源（layout） 5.数组资源（array） 5-1.定义数组资源文件 5-2.使用数组资源 6.图像资源 6-1.Drawable资源 6-2.mipmap资源 7.资源访问（二） 4.布局资源（layout） 布局资源是Android 中最常用的一种资源。 在Android中，将布局资源文件放置在res\layout目录下，布局资源文件的根元素通常为各种布局管理器，在该布局管理器中，放置各种View组件或是嵌套的其他布局管理器。 布局文
Android中imageview.ScaleType使用方法详细介绍
08-30
Android中ImageView.ScaleType使用方法详细介绍 ScaleType是Android中ImageView的属性，用以表示显示图片的方式。共有8种取值，分别是：ScaleType.CENTER、ScaleType.CENTER_CROP、ScaleType.CENTER_INSIDE、...
设置Android ImageView点击时的样式
mxthing的专栏
02-25 1718
在Android开发中使用ImageView时，希望当图片被点击时有明显的效果，一个简单的方法就是在点击时更换图片。下面以注销按钮为例，效果和实现方法如下： 首先，再res/drawable文件夹下创建一个xml文件，命名为logoutimage.xml，在该文件中实该图片在点击前和点击时的图片，代码如下： 1 xml version="1.0" en
Android ImageView 选中状态
7758258博客
08-01 4372
bg_navigation_search.xml 布局 <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/navigation_search_n" android:state_selected="true" /> <item android:drawable="@drawable/navigation_.
ImageView设置Selector时enable状态无效
小洋人最happy的专栏
05-25 4889
如题，一般两种原因造成的。 clickable问题 图片是否可点击，可以通过xml和java代码进行设置。 xml android:clickable="true" java imageView.setClickable(true); selector问题 无效selector代码，如下： &lt;?xml version="1.0" encoding="ut...
android中ImageView设置选中与不选中颜色
小小黑
06-09 9872
由于ImageView默认是没焦点，不可点击的，所以要设置背景颜色，就必须要有如下代码： 1.如果组件只需要点击，那么就设置： android:clickable="true" 2.如果组件还需要选中，那么就再加一个设置： android:foucsable="true"
实例解析Android ImageView的scaleType属性
01-20
在Android开发中，ImageView是一个非常常见的控件，用于展示图像资源。它可以从本地资源、assets目录或网络加载图片。在处理图像显示时，一个至关重要的属性便是`scaleType`，这个属性决定了图片如何适应ImageView的...
Android 中ImageView的ScaleType使用方法
08-29
本文将详细介绍Android中ImageView的ScaleType属性的各种使用方法，并通过实例来解析每种模式的效果。 1. **matrix（默认）** 默认情况下，如果在布局文件或代码中没有设置ScaleType属性，ImageView会采用...
Android开发中ImageView的scaletype属性用法分析
01-05
本文实例讲述了Android开发中ImageView的scaletype属性用法。分享给大家供大家参考，具体如下： ImageView的属性android:scaleType，即 ImageView.setScaleType(ImageView.ScaleType)。android:scaleType是控制图片...
Android源码系列之深入理解ImageView的ScaleType属性
09-02
本篇文章将深入探讨ImageView的ScaleType属性，并通过源码解析来理解其工作原理。 ScaleType共有8种不同的选项，它们分别是： 1. **matrix** - 这是最灵活的模式，允许开发者自定义图像缩放的矩阵。默认情况下，...
Android 第三方RoundedImageView设置各种圆形、方形头像
shenggaofei的博客
11-06 9640
Android 自定义CoolImageView实现QQ首页背景图片动画效果 一.第三方RoundedImageView 1.在Android Studio中，可进入模块设置中添加库依赖。进入Module结构设置添加库依赖，输入RoundedImageView然后搜索添加 2.在Moudle的build.gradle中添加如下代码，添加完之后在Build中进行下Make Modu...
#Android学习#android:src=""的用法
热门推荐
Bai HongHua的博客
09-20 1万+
2016年 09月 20日 星期二 16:21:50 CST 环境：Android Studio<ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/button_selector"/>
android中src和background区别
【潘大吼】の技术博客
01-07 1420
ImageView中XML属性src和background的区别： background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸。src是图片内容（前景），bg是背景，可以同时使用。 此外：scaleType只对src起作用；bg可设置透明度，比如在ImageButton中就可以用android:scaleType控制图片的缩放方式，示
android 自学
newbaby2012的专栏
05-17 125
android: padding android: background android-orientation: vertical和horizontal 表明是垂直排列还是水平排列 match-parent就是和屏幕一样大，wrap-content就是字有多大，就多大，下面会有一个横线 linerlayout是线性布局，就是从上往下 relativelayout就是相对布局 需要加layoutbelow: @xx_id/tv_1 textColor可以在values包的co...
Android-----自定义圆形的头像控件
俊光的专栏
10-22 2690
在现在的网络上圆形头像是非常常见的，圆形头像大多数使用在显示个人信息中的头像信息，今天就试试实现一个圆形的头像。 自定义一个CircleImageView，并且继承ImageView，用于显示圆形的图片。 package com.gjg.circleimageviewdemo; import android.content.Context; import android.conten
Android的 <ImageButton>的 android:src="@drawable/"标红的问题
weixin_30314793的博客
05-22 3131
Android的 的 android:src="@drawable/"时候，没出现自动提示，手到打上图片名称标红 android 项目中的图片需要用字母开头，如果图片的名称是纯数字会报错。 转载于:https://www.cnblogs.com/miria-486/p/10908701.html...
Android 应用中广播权限未指定风险与解决方案
weixin_37600397的博客
08-23 1198
在Android应用中，广播（Broadcast）是一种重要的通信机制，应用可以通过广播与系统或其他应用进行通信。然而，如果在发送广播时未指定接收者的权限，可能会导致应用暴露于安全风险之下。未授权的接收者可能会拦截这些广播，甚至可能执行恶意操作。 在安全检查中，发现了一个问题：应用存在“Receiver权限未指定风险”。这个问题主要涉及广播发送时未指定接收者权限，可能导致广播被未授权的应用接收，进而可能造成数据泄露或其他安全问题。
深入探索Objective-C的NSOrthography：拼写检查的艺术与科学
2402_85758349的博客
08-23 471
拼写检查是一种自动检测文本中拼写错误的功能。它通常通过比较文本中的单词与一个预先定义的词典来工作。如果一个单词不在词典中，它可能被认为是一个拼写错误。是Foundation框架中的一个类，用于表示拼写检查的规则和词典。它允许开发者指定一个语言环境，并根据这个环境来检查文本的拼写。除了使用系统词典外，还可以使用自定义词典来扩展拼写检查的功能。可以通过方法来设置自定义词典的路径。
（1）Hilt的基本概念和使用
最新发布
challenge51all的专栏
08-27 423
Jetpack Hilt 是一个强大的依赖注入框架，它简化了 Android 应用中的依赖管理，提高了代码的可维护性和可测试性。通过使用注解和模块，开发人员可以轻松地管理应用中的依赖关系，并在不同的组件之间共享和注入依赖。在应用的 Application 类上使用这个注解，告诉 Hilt 这是一个使用 Hilt 进行依赖注入的应用。Jetpack Hilt 是一个用于 Android 的依赖注入框架，它建立在 Dagger 的基础上，旨在简化 Android 应用中的依赖注入过程。
ImageView的ScaleType
04-29
ImageView是Android中常用的一个控件，用于显示图片。ScaleType是ImageView的一个属性，用于控制图片在ImageView中的缩放和对齐方式。常用的ScaleType有以下几种： 1. FIT_XY：图片会拉伸以填满整个ImageView，可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值