Android开发 ImageView ImageButton

最新推荐文章于 2024-08-15 17:42:26 发布

原创最新推荐文章于 2024-08-15 17:42:26 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #android studio #java

APP开发专栏收录该内容

30 篇文章

订阅专栏

本文介绍了Android中用于显示图像的组件ImageView，如何在XML和Java代码中设置图像和缩放类型。接着讨论了ImageButton，它继承自ImageView而非Button，适合用于图像按钮。最后提到了Button组件，展示了如何在Button上同时显示文本和图像。

1.ImageView

用于显示图像，图像存储在drawable文件夹下，可以指定缩放类型。

在xml文件中指定图像和缩放类型：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity10"
    android:orientation="vertical">


    <ImageView
        android:id="@+id/iv1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@drawable/img"
        android:scaleType="fitStart"
        ></ImageView>

</LinearLayout>

在java文件中指定图像和缩放类型：

package com.example.study;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class MainActivity10 extends AppCompatActivity {

   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main10);

        ImageView iv1 = findViewById(R.id.iv1);
        iv1.setImageResource(R.drawable.img_1);
        iv1.setScaleType(ImageView.ScaleType.FIT_END);
    }
}

2.ImageButton

继承了ImageView，而不是Button。

与Button的区别：

与ImageView的区别：

图像button优先使用ImageButton

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

    <ImageButton
        android:layout_width="500dp"
        android:layout_height="500dp"
        android:src="@drawable/img_1"
        android:scaleType="fitCenter"
        android:foreground="@drawable/img_2"
        ></ImageButton>

</LinearLayout>

3.Button同时显示文本和图像

xml代码示例：

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


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="click me"
        android:drawableRight="@drawable/img_3"
        android:drawablePadding="20dp"
        android:background="@color/red_66"></Button>

</LinearLayout>