Android(安卓)UI设计：ImageView

ImageView

ImageView是用于在界面上展示图片的一个控件

<ImageView  android:id="@+id/imageview" android:layout_width="match_parent" android:layout_height="wrap_content" />

属性：
src：android:src="@mipmap/zly" //(图片不会被拉伸)
添加图片的两种方式：
使用方式
方式一：在layout中加入src属性
android:src="@mipmap/zly"
方式二：
在activity中通过id找到imageview
imageview.setImageViewResource(@mipmap/zly);//()内为图片
background:android:background="@mipmap/zly" //（会拉**伸）
scaleType:android:scaleType="centercrop"//centercrop（充满窄边)
tint: android:tint="#33ff0000"//蒙版覆盖
setImageAlpha:imageview.setImageAlpha(alphacount);//（设置透明度）
Activity代码：

package com.kongjian.administrator.mykongjian;import android.annotation.TargetApi;import android.app.Activity;import android.media.Image;import android.os.Build;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.Button;import android.widget.ImageView;public class ImageActivity extends Activity implements View.OnClickListener{    private Button bt_alpha_add;    private Button bt_alpha_sub;    private ImageView imageview;    private int alphacount=0;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.baby);        imageview= (ImageView) findViewById(R.id.imageview);        bt_alpha_add= (Button) findViewById(R.id.bt_alpha_add);        bt_alpha_sub= (Button) findViewById(R.id.bt_alpha_sub);        bt_alpha_add.setOnClickListener(this);        bt_alpha_sub.setOnClickListener(this);    }    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)    @Override    public void onClick(View v) {        int version= Build.VERSION.SDK_INT;        switch (v.getId()){            case R.id.bt_alpha_add:{                alphacount+=5;                if(version<16){                    imageview.setAlpha(alphacount);                }else{                    imageview.setImageAlpha(alphacount);                }            }                break;            case R.id.bt_alpha_sub:{                alphacount-=5;                if(version<16){                    imageview.setAlpha(alphacount);                }else{                    imageview.setImageAlpha(alphacount);                };            }                break;            default:break;        }    }}

注：以上代码中有android版本号的获得，这是因为在Android 4.1（API16）之后setAlpha()方法就被替换为了setImageAlpha()。
Layout代码：

<?xml version="1.0" encoding="utf-8"?><ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">    <LinearLayout  android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical">        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" />        <ImageView  android:id="@+id/imageview" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@mipmap/zly" android:src="@mipmap/zzy" />        <LinearLayout  android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal">            <Button  android:id="@+id/bt_alpha_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="增加透明度"/>            <Button  android:id="@+id/bt_alpha_sub" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="减少透明度"/>        </LinearLayout>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:scaleType="center"/>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:scaleType="centerInside"/>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:scaleType="fitStart"/>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:scaleType="fitEnd"/>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:scaleType="fitXY"/>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:scaleType="centerCrop"/>        <ImageView  android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/zly" android:tint="#33ff0000" android:scaleType="fitCenter"/>    </LinearLayout></ScrollView>

透明度效果图：自行测试
蒙版效果图：

ImageButton

ImageView与ImageButton的区别仅仅是ImageButton多了一个背景，这是因为ImageButton本身设一个Button按钮，本身就有背景色。

ImageView

ImageButton

更多相关文章

随机推荐