图像视图-ImageView

(一)

知识点:

(1)imageView.setImageAlpha(Alpha):设置图片透明度

(2)在布局imageView中设置图片位置:android:scaleType="center"

android:scaleType="center"

1.效果图:点击增加图片透明度增加,点击减少图片透明度减少,点击下一张显示下一张图片

2.activity_main.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:tools="http://schemas.android.com/tools"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent"
 6     android:paddingBottom="@dimen/activity_vertical_margin"
 7     android:paddingLeft="@dimen/activity_horizontal_margin"
 8     android:paddingRight="@dimen/activity_horizontal_margin"
 9     android:paddingTop="@dimen/activity_vertical_margin"
10     tools:context="com.example.administrator.hello3.MainActivity"
11     android:orientation="vertical"
12     android:layout_gravity="center"
13     >
14
15     <LinearLayout
16         android:orientation="horizontal"
17         android:layout_width="wrap_content"
18         android:layout_height="wrap_content"
19         android:layout_gravity="center">
20         <Button
21             android:id="@+id/btn_add"
22             android:layout_width="wrap_content"
23             android:layout_height="wrap_content"
24             android:text="增加" />
25         <Button
26             android:id="@+id/btn_reduce"
27             android:layout_width="wrap_content"
28             android:layout_height="wrap_content"
29             android:text="减少" />
30         <Button
31             android:id="@+id/btn_next"
32             android:layout_width="wrap_content"
33             android:layout_height="wrap_content"
34             android:text="下一张" />
35     </LinearLayout>
36     <ImageView
37         android:layout_gravity="center"
38         android:id="@+id/iv"
39         android:src="@mipmap/ic_launcher"
40         android:layout_width="wrap_content"
41         android:layout_height="wrap_content" />
42 </LinearLayout>

3.MainActivity.java

 1 package com.example.administrator.hello3;
 2
 3 import android.support.v7.app.AppCompatActivity;
 4 import android.os.Bundle;
 5 import android.view.View;
 6 import android.widget.Button;
 7 import android.widget.ImageView;
 8
 9 public class MainActivity extends AppCompatActivity {
10     private Button button_add,button_reduce,button_next;
11     private ImageView imageView;
12     private  int alpha=255;
13     private int current=0;
14     private int[] pics = {R.drawable.pic1,R.drawable.pic2,R.drawable.pic3,R.drawable.pic4};
15
16     @Override
17     protected void onCreate(Bundle savedInstanceState) {
18         super.onCreate(savedInstanceState);
19         setContentView(R.layout.activity_main);
20
21         setContentView(R.layout.activity_main);
22
23         button_add=(Button)findViewById(R.id.btn_add);
24         button_reduce=(Button)findViewById(R.id.btn_reduce);
25         button_next=(Button)findViewById(R.id.btn_next);
26         imageView=(ImageView) findViewById(R.id.iv);
27
28         MyListener myListener = new MyListener();
29         button_add.setOnClickListener(myListener);
30         button_reduce.setOnClickListener(myListener);
31
32         button_next.setOnClickListener(new View.OnClickListener() {
33             @Override
34             public void onClick(View v) {
35                 imageView.setImageResource(pics[current++%pics.length]);
36             }
37         });
38
39
40
41     }
42     class  MyListener implements View.OnClickListener{
43         @Override
44         public void onClick(View v) {
45             if(v==button_add){
46                 alpha+=20;
47                 if(alpha>=255){
48                     alpha=255;
49                 }
50             }else if(v==button_reduce) {
51                 alpha -= 20;
52                 if (alpha <= 0) {
53                     alpha = 0;
54                 }
55             }
56             imageView.setImageAlpha(alpha);
57         }
58     }
59
60 }

3.drawable下面加入自己的图片

原文地址:https://www.cnblogs.com/sunxiaoyan/p/9054764.html

时间: 2024-11-06 09:54:40

图像视图-ImageView的相关文章

android-UI组件实例大全(六)------ImageView图像视图

图像视图:ImageView 继承view类,用于在屏幕上显示任何Drawable对象,通常用来显示图片: 这里的话我们介绍一些比较常用的属性: Path 1: android:adjustViewBounds:设置ImageView是否调整自己的边界来保持所显示图片的长宽比 !!!下面的这两个属性需要adjustViewBounds为ture,不然是不起作用的哦! android:maxHeight:设置ImageView的最大高度 android:maxWidth:设置ImageView的最

Android学习笔记-ImageView(图像视图)

原文来自:http://www.runoob.com/w3cnote/android-tutorial-imageview.html 本节引言: 本节介绍的UI基础控件是:ImageView(图像视图),见名知意,就是用来显示图像的一个View或者说控件! 官方API:ImageView;本节讲解的内容如下: ImageView的src属性和blackground的区别: adjustViewBounds设置图像缩放时是否按长宽比 scaleType设置缩放类型 最简单的绘制圆形的ImageVi

ImageView(图像视图)

本节引言: 本节介绍的UI基础控件是:ImageView(图像视图),见名知意,就是用来显示图像的一个View或者说控件! 官方API:ImageView;本节讲解的内容如下: ImageView的src属性和blackground的区别: adjustViewBounds设置图像缩放时是否按长宽比 scaleType设置缩放类型 最简单的绘制圆形的ImageView 1.src属性和background属性的区别: 在API文档中我们发现ImageView有两个可以设置图片的属性,分别是:sr

[Swift通天遁地]五、高级扩展-(8)ImageView(图像视图)的各种扩展方法

本文将演示图像和图像视图在下载.压缩.裁剪方面的扩展. 首先确保在项目中已经安装了所需的第三方库. 点击[Podfile],查看安装配置文件. 1 platform :ios, '12.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'EZSwiftExtensions' 7 end 根据配置文件中的相关配置,安装第三方库. 然后点击打开[De

[Xcode10 实际操作]二、视图与手势-(4)给图像视图添加边框效果

本文将演示给图片添加颜色相框 1 import UIKit 2 3 class ViewController: UIViewController { 4 5 override func viewDidLoad() { 6 super.viewDidLoad() 7 // Do any additional setup after loading the view, typically from a nib. 8 //UIImage是一个用来加载和绘制图像的类 9 let image = UIIm

Android——图片视图(ImageView)、状态开关按钮(ToggleButton)、时钟

xml <?xml version="1.0" encoding="utf-8"?> <!--滚动视图--> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_pare

iOS:UIImageView图像视图控件

UIImageView:图像视图控件: 它是UIView的子类,因此也是视图控件,可以用来显示图像.因为它具有帧动画属性和操作方法,因此可以用来制作动画,其实动画就是很短的时间内,执行显示连续的很多张图片,人肉眼无法处分,使人看起来仿佛图像在动似的.例如典型的实例:汤姆猫实例 @interface UIImageView : UIView { @property(nonatomic,retain) UIImage *image;    //图像 @property(nonatomic,retai

ObjectiveC:UIImageView图像视图控件

UIImageView:图像视图控件: 它是UIView的子类,因此也是视图控件,可以用来显示图像.因为它具有帧动画属性和操作方法,因此可以用来制作动画,其实动画就是很短的时间内,执行显示连续的很多张图片,人肉眼无法处分,使人看起来仿佛图像在动似的.例如典型的实例:汤姆猫实例 @interface UIImageView : UIView { @property(nonatomic,retain) UIImage *image;    //图像 @property(nonatomic,retai

安卓界面组件----图像视图

安卓界面中ImageView组件,在屏幕中显示任何存放在drawable下的对象,通常是对象种类是图片.使用ImageView显示图片时,一般做法是把图片复制到res/drawanle目录下,通过R.drawable.name进行访问. 一     ImageView的xml属性 android:adjustViewBounds         确认是否调整显示图片的长宽比 android:maxHeight                    设置图片最大高度 android:maxWidt