ImageView

最新推荐文章于 2024-10-12 11:21:56 发布

原创最新推荐文章于 2024-10-12 11:21:56 发布 · 246 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ImageView #读取网络图片

学习日志专栏收录该内容

113 篇文章

订阅专栏

本文介绍了Android中ImageView的常用属性，如src、background及scaleType，并详细解释了不同scaleType的效果。此外，还介绍了如何使用Glide插件从网络加载图片到ImageView中，包括配置方法和使用示例。

常用属性

src：指定路径
background：背景
scaleType：缩放类型，有不同的值：
1. fixXy：撑满控件，宽高比可能改变
2. fitCenter：保持宽高比缩放，直至能够完全显示（宽高比不一致会有空白，默认状态）
3. centerCrop：保持宽高比缩放，直至完全覆盖控件，裁剪显示（多余的不显示）
4. 。。。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".ImageViewActivity">
    <ImageView
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:id="@+id/image1"
        android:background="#f0f"
        android:src="@drawable/river"
        android:scaleType="centerCrop"
        />
    <ImageView
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:id="@+id/image2"
        android:layout_below="@+id/image1"
        android:layout_marginTop="10dp"
        android:background="#f0f"
        android:src="@drawable/river"
        android:scaleType="centerCrop"
        />
</RelativeLayout>

通过第三方插件加载网络图片

Glide：这是github上开源的插件，可以直接在github上搜glide，
配置过程：
1. 在build.gradle文件中添加如下代码，第一段复制粘贴，第二段只复制中间两行到dependencies里就行
2. 同步更新
3. 在app/src/main/AndroidManifest.xml文件中添加网络权限，不然读不到图，会报错。添加这行配置<uses-permission android:name=“android.permission.INTERNET”/>
使用：

package com.example.test;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ImageView;

import com.bumptech.glide.Glide;

public class ImageViewActivity extends AppCompatActivity {
    ImageView imageView2 ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_view);
        imageView2 = findViewById(R.id.image2);
        Glide.with(this).load("http://img.redocn.com/sheji/20141219/zhongguofengdaodeliyizhanbanzhijing_3744115.jpg").into(imageView2);
    }
}