Android 控件ImageView图片框

                                      Android  控件ImageView图片框

案例一:消息提示框
1. Toast(吐丝框)
  1.1 Toast是Android中的一种简易的消息提示框


  1.2 使用这个类的最简单的方法是调用静态方法构造您所需要的一切,并返回一个新的Toast对象。
      Toast toast=Toast.makeText(getApplicationContext(), "默认的Toast", Toast.LENGTH_SHORT);
      toast.show();
      第一个参数:当前的上下文环境。可用getApplicationContext()或this
      第二个参数:要显示的字符串。也可是R.string中字符串ID
      第三个参数:显示的时间长短。Toast默认的有两个LENGTH_LONG(长)和LENGTH_SHORT(短),也可以使用毫秒如2000ms

2. ImageView
  2.0 注意事项:res下面的资源名不能使用大写字母,特别是图片资源中的图片的文件名,会造成R.java文件丢失,改正确后即可
               例如:smallImage.png错误,small_image.png正确

  2.1 scaleType(缩放类型)
     scaleType的属性值有:matrix   fitXY  fitStart   fitCenter  fitEnd  center   centerCrop  centerInside

                (扩大或缩小至)
        图片宽度--------------->控件宽度        

    它们之间的区别如下:
    matrix 用矩阵来绘制(从左上角起始的矩阵区域)

    fitXY  不按比例缩放图片,目标是把整个图片塞满整个View

    fitStart  把图片按比例扩大或缩小到View的[[[宽度]]],然后置顶部显示(图片会完整显示)

    fitCenter  把图片按比例扩大或缩小到View的[[[宽度]]],然后居中显示(图片会完整显示)

    fitEnd   把图片按比例扩大或缩小到View的[[[宽度]]],然后置底部显示(图片会完整显示)

    center  不缩放,将图片按原来大小居中显示,当图片宽高超过View的宽高时,则截取图片的居中部分显示
        
    centerCrop  按比例扩大(或缩小)图片的size居中显示,使得图片的长宽的[[[等于或大于]]]View的长宽
        
     centerInside  按比例扩大(或缩小)图片的size居中显示,使得图片的长宽的[[[等于或小于]]]View的长宽 (图片会完整显示)

     用得最多还是fitXY fitStart fitCenter fitEnd
     默认是fitCenter

实例

1.布局文件 (activity_main.xml代码)

<ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="fitCenter"
        android:src="@drawable/small_image"
        android:background="@color/red"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:onClick="studyToast"/>

 以上属性用的是  

android:scaleType="fitCenter" 把图片按比例扩大或缩小到View的[[[宽度]]],然后居中显示(图片会完整显示)

效果如下:

物理宽度大于图片宽度,并且图片位于中间

2、代码文件(MainActivity.java代码)

 //Toast.LENGTH_LONG弹框弹的时间长     Toast.LENGTH_SHORT弹框弹的时间短
    public void studyToast(View view) {
        Toast.makeText(this, "hello Toast", Toast.LENGTH_LONG).show();//context上下文参数
    }

具体情况就如上图所示,希望能够帮助你们!!

猜你喜欢

转载自blog.csdn.net/cms18374672699/article/details/82663347