Android ImageButton(图片按钮)

效果图:

图1:
在这里插入图片描述

图2:

在这里插入图片描述

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageButton
        android:id="@+id/imb_queding"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:layout_centerInParent="true"
        android:background="#fa9e00"
        android:src="@drawable/ic_two"/>

</RelativeLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity  {
    
    

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

        ImageButton imageButton = findViewById(R.id.imb_queding);
        imageButton.setOnClickListener(new View.OnClickListener() {
    
    
            @Override
            public void onClick(View v) {
    
    

                Toast.makeText(MainActivity.this,"我叫 : ImageButton",Toast.LENGTH_LONG).show();

            }
        });
    }

}
总结:

常用属性总结:

android:src		//设置显示的图片,导入格式为:文件夹名/图片名,例如: @drawable/ic_nature

android:scaleType		//调整图片缩放、位置等以满足ImageView显示的需要

	ScaleType.CENTER::图片大小为原始大小,如果图片大小大于ImageView控件,则截取图片中间部分,若小于,则直接将图片居中显示。

  ScaleType.CENTER_CROP:将图片等比例缩放,让图像的短边与ImageView的边长度相同,即不能留有空白,缩放后截取中间部分进行显示。

  ScaleType.CENTER_INSIDE:将图片大小大于ImageView的图片进行等比例缩小,直到整幅图能够居中显示在ImageView中,小于ImageView的图片不变,直接居中显示。

  ScaleType.FIT_CENTER:ImageView的默认状态,大图等比例缩小,使整幅图能够居中显示在ImageView中,小图等比例放大,同样要整体居中显示在ImageView中。

  ScaleType.FIT_END:缩放方式同FIT_CENTER,只是将图片显示在右方或下方,而不是居中。

  ScaleType.FIT_START:缩放方式同FIT_CENTER,只是将图片显示在左方或上方,而不是居中。

  ScaleType.FIT_XY:将图片非等比例缩放到大小与ImageView相同。

  ScaleType.MATRIX:是根据一个3x3的矩阵对其中图片进行缩放

猜你喜欢

转载自blog.csdn.net/qq_27494201/article/details/95759313