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>