ImageView的ScaleType

简介:

本文转自lzwxx 51CTO博客,原文链接:http://blog.51cto.com/13064681/1943485



1.代码

<?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"
    android:orientation="vertical"
    tools:context="com.market.circleimage.MainActivity">
    <LinearLayout        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <com.makeramen.roundedimageview.RoundedImageView            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:scaleType="fitCenter"
            app:riv_corner_radius="50dip"
            app:riv_border_width="4dip"
            app:riv_border_color="#ff0000"
            app:riv_mutate_background="true"
            android:src="@drawable/x1"
            app:riv_oval="true"
            android:layout_width="100dp"
            android:layout_height="100dp" />
        <com.makeramen.roundedimageview.RoundedImageView            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:scaleType="fitXY"
            app:riv_corner_radius="50dip"
            app:riv_border_width="4dip"
            app:riv_border_color="#ff0000"
            app:riv_mutate_background="true"
            android:src="@drawable/x1"
            app:riv_oval="true"
            android:layout_width="100dp"
            android:layout_height="100dp" />


        <com.makeramen.roundedimageview.RoundedImageView            android:scaleType="fitEnd"
            app:riv_corner_radius="50dip"
            app:riv_border_width="4dip"
            app:riv_border_color="#ff0000"
            app:riv_mutate_background="true"
            android:src="@drawable/x1"
            app:riv_oval="true"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:id="@+id/roundedImageView" />

    </LinearLayout>
    <LinearLayout        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <com.makeramen.roundedimageview.RoundedImageView            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:scaleType="fitStart"
            app:riv_corner_radius="50dip"
            app:riv_border_width="4dip"
            app:riv_border_color="#ff0000"
            app:riv_mutate_background="true"
            android:src="@drawable/x1"
            app:riv_oval="true"
            android:layout_width="100dp"
            android:layout_height="100dp" />
        <com.makeramen.roundedimageview.RoundedImageView            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:scaleType="center"
            app:riv_corner_radius="50dip"
            app:riv_border_width="4dip"
            app:riv_border_color="#ff0000"
            app:riv_mutate_background="true"
            android:src="@drawable/x1"
            app:riv_oval="true"
            android:layout_width="100dp"
            android:layout_height="100dp" />


        <com.makeramen.roundedimageview.RoundedImageView            android:scaleType="centerCrop"
            app:riv_corner_radius="50dip"
            app:riv_border_width="4dip"
            app:riv_border_color="#ff0000"
            app:riv_mutate_background="true"
            android:src="@drawable/x1"
            app:riv_oval="true"
            android:layout_width="100dp"
            android:layout_height="100dp" />

    </LinearLayout>
    <com.makeramen.roundedimageview.RoundedImageView        android:scaleType="centerInside"
        app:riv_corner_radius="50dip"
        app:riv_border_width="4dip"
        app:riv_border_color="#ff0000"
        app:riv_mutate_background="true"
        android:src="@drawable/x1"
        app:riv_oval="true"
        android:layout_width="100dp"
        android:layout_height="100dp" />
    <com.makeramen.roundedimageview.RoundedImageView        android:scaleType="matrix"
        app:riv_corner_radius="50dip"
        app:riv_border_width="4dip"
        app:riv_border_color="#ff0000"
        app:riv_mutate_background="true"
        android:src="@drawable/x1"
        app:riv_oval="true"
        android:layout_width="200dp"
        android:layout_height="200dp" /></LinearLayout>

2.效果


相关文章
|
1天前
|
XML 前端开发 Android开发
Android:UI:Drawable:View/ImageView与Drawable
通过本文的介绍,我们详细探讨了Android中Drawable、View和ImageView的使用方法及其相互关系。Drawable作为图像和图形的抽象表示,提供了丰富的子类和自定义能力,使得开发者能够灵活地实现各种UI效果。View和ImageView则通过使用Drawable实现了各种图像和图形的显示需求。希望本文能为您在Android开发中使用Drawable提供有价值的参考和指导。
8 2
|
Android开发
Android ImageView scaleType 属性详细介绍与使用
Android ImageView scaleType 属性详细介绍与使用
130 0
|
Android开发
Android ImageView 使用
Android ImageView 使用
85 0
|
XML Android开发 数据格式
ImageView的ScaleType原理及效果分析
ImageView的ScaleType决定了图片在ImageView中的缩放形式。本文从ImageView的源码角度,结合图表展示不同ScaleType状态下图片的展示形式。
1133 0