Android学习笔记⑥——UI组件的学习ImageView相关

ImageView是集成了View的组件，它的主要工作就是显示一些图片啊，虽然他的用法一句话概括了，但是我觉得学起来应该不会太简单，正所谓 短小而精悍么 :)

ImageView 派生了 ImageButton与QuickContactBadge两个类，ImageButton 与 Button的区别在于Button生成的按钮显示的文字，而ImageButton上面显示的是图片，当然我们也可以给Button设置他的background来添加一些图片；ImageButton是非常灵活的一个组件，因为他可以根据自定义的Drawable来改变按钮的一些动态样式；ImageButton同时也派生了一个ZoomButton得类，他可以“放大”、“缩小”跟他相似的还有一个叫做 ZoomControls的组件，只不过他同时提供了放大跟缩小的功能。

下面做一个例子，做一个简单的相册，上同时可以改变他的透明度

布局代码：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical">

     <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_horizontal">

         <Button
             android:id="@+id/btnDown"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="降低透明底" />

         <Button
             android:id="@+id/btnUp"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="增加透明底" />

         <Button
             android:id="@+id/btnNext"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="下一张图片" />
     </LinearLayout>

     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content">

         <ImageView
             android:id="@+id/image"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:scaleType="fitCenter"
             android:src="@drawable/pic1" />
     </LinearLayout>

 </LinearLayout>

java代码：

 package com.doliao.helloworld;

 import android.os.Bundle;
 import android.support.v7.app.AppCompatActivity;
 import android.view.View;
 import android.widget.Button;
 import android.widget.ImageView;

 public class MainActivity extends AppCompatActivity implements View.OnClickListener {

     ImageView imageView;
     Button btnUp, btnDown, btnNext;
     int arrayImageId[] = new int[]{R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4, R.drawable.pic5};
     int currentIma = 1;  //默认为第一张
     int alpha = 255; //默认alpha值为255

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_imageview);

         imageView = (ImageView) findViewById(R.id.image);
         btnUp = (Button) findViewById(R.id.btnUp);
         btnDown = (Button) findViewById(R.id.btnDown);
         btnNext = (Button) findViewById(R.id.btnNext);

         btnUp.setOnClickListener(this);
         btnDown.setOnClickListener(this);
         btnNext.setOnClickListener(this);

     }

     @Override
     public void onClick(View v) {
         if (v.equals(btnNext)) {
             imageView.setImageResource(arrayImageId[++currentIma % arrayImageId.length]);
         }
         if (v.equals(btnUp)) {
             alpha += 20;
             if (alpha >= 255) {
                 alpha = 255;
             }
         }
         if (v.equals(btnDown)) {
             alpha -= 20;
             if (alpha <= 0) {
                 alpha = 0;
             }
         }
         imageView.setImageAlpha(alpha);
     }
 }

下面是运行的图：

ImageButton 与Button 同为按钮组件，下面我们就来粗略的看一下他们的相同点和不同点

因而ImageButton 不支持setText，而Button支持。反之，ImageButton 支持setImageURI，而Button不支持

下图是Button ImageButton的图，可以看出 一个咋点击、弹起有个不同的形态，还是一个是一个形态，默认相同。

QuickContactBadge(关联联系人)

QuickContactBadge说白了也是图片按钮，但是他与图片按钮不同的就是，他可以指定联系人，当用户单击图片的时候就可以联系指定的人了。

下面简单的学习下例子，用教程来记忆这个关键词。

布局内的代码为：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical" android:layout_width="match_parent"
     android:layout_height="match_parent">

     <QuickContactBadge
         android:id="@+id/badge"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@drawable/pic1"
         />
 </LinearLayout>

java内的代码：

 package com.doliao.helloworld;

 import android.app.Activity;
 import android.os.Bundle;
 import android.widget.QuickContactBadge;

 /**
  * Created by Administrator on 2016/10/10 0010.
  */

 public class ImageViewActivity extends Activity{

     QuickContactBadge badge;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activyty_imageview2);
         badge = (QuickContactBadge) findViewById(R.id.badge);

         badge.assignContactFromEmail("021-88888888",false);
     }
 }

运行的图片如下：

这写就是ImageView的一些常用的组件已经常用的方法，如果错误，请指出，谢谢！！

当然这不是ImageView下的所以的组件，还有其他的没有涉及到，等以后做东西遇到了在补充。