• ImageView显示图像控件(基本用法)


        ImageView主要是用来显示图片的控件,可以对图片进行发大、缩小和旋转的功能。android:scaleType属性指定ImageView控件显示图片的方式,例如:Center表示图像以不缩放的方式显示在ImageView控件的中心,如果设置为fitCenter,表示图像按照比例缩放至合适的位置,并在ImageView控件的中心。

    下面介绍ImageView的基本用法。

    一、建立工程,如图

    二、activity_main.xml中代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" 
            android:text="scaleType:center 为缩放,放在ImageView的中心" 
            />
        <ImageView android:id="@+id/imageview" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:background="#F00"
            android:src="@drawable/background" 
            android:scaleType="center">
        </ImageView>
    
        <TextView android:layout_width="fill_parent"
            android:layout_marginTop="20dp" 
            android:layout_height="wrap_content"
            android:text="scaleType:fitCenter 按照比例缩放" />
    
        <ImageView android:id="@+id/imageview2" 
            android:layout_width="300dp"
            android:layout_height="200dp" 
            android:background="#FFF"
            android:src="@drawable/background" 
            android:scaleType="fitCenter"
            android:padding="10dp">
        </ImageView>
    </LinearLayout>
    View Code

    三、Mainactivity.java中代码

    package com.study.imageview1;
    
    import android.os.Bundle;
    import android.app.Activity;
    import android.view.Menu;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    
    public class MainActivity extends Activity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
            ImageView imageView = (ImageView)this.findViewById(R.id.imageview);
            //设置第一个图片的比例大小
            //表示宽度:200,高度:100
            imageView.setLayoutParams(new LinearLayout.LayoutParams(200, 100));
            setTitle("height:" + imageView.getLayoutParams().height +"--width-->" + imageView.getLayoutParams().width);
            
        }
    
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            getMenuInflater().inflate(R.menu.main, menu);
            return true;
        }
        
    }
    View Code

    四、效果图

    从上图中,可以看到,图片是被裁减了一定区域,显示不完全。而下面的图片是按照一定比例缩放显示的,主要由属性:android:scaleType="fitCenter" 控制的。

    background.jpg图片:

  • 相关阅读:
    归并排序的go语言与C++实现对比
    Telnet服务器和域名系统的端口号 Mac OS X
    kali linux 更新软件源,安装中文输入法,修复Linux与windows引导菜单解决windows引导丢失
    运行CImg库笔记
    解决没有X11/Xlib.h 的错误
    Mac 下office 2013制作组合表
    小程序-极其简单的表单验证使用方式
    小程序-可通用的目录栏组件
    小程序-自定义返回顶部组件
    小程序-获取用户信息
  • 原文地址:https://www.cnblogs.com/kingshow123/p/imageview.html
Copyright © 2020-2023  润新知