③安卓学习（分享案例）：图片放大及透明度 界面横竖向切换

前言

　　最近，右眼皮还在跳，我尝试了眼药水。哈哈有点小心慌。给你们个好建议

 

　　　　　　　

　　　　　　　　睡前，泡泡脚（自然边泡脚边看书啥的）。泡脚好处很多哦！我突然意识到，它能减轻压力。

　　　　　　　　

安卓历程

　　　　①计划中的安卓学习

　　　　②迷彩灯   图片切换  跟随手指的圈

 　　　  ③图片放大及透明度  界面横竖向切换

 

　　案例，我喜欢联想。最后面我会分享今天的源代码。 

图片放大及透明度 

　　效果图　　

　　　　

　　

　　　核心代码

 

　　　　　　MainActivity.java

package sedion.jeffli.action;



import android.os.Bundle;

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.drawable.BitmapDrawable;

import android.view.Menu;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.View.OnTouchListener;

import android.widget.Button;

import android.widget.ImageView;



public class MainActivity extends Activity {



    int [] images = new int[]{

            R.drawable.lijiang,

            R.drawable.qiao,

            R.drawable.shuangta,

            R.drawable.shui,

            R.drawable.xiangbi,

    };

    //定义默认显示图片

    int currentImg = 2;

    //定义图片初始化透明度

    private int alpha = 255;

    

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        

        final Button plus = (Button) findViewById(R.id.button1);

        final Button minus = (Button) findViewById(R.id.button2);

        final Button next = (Button) findViewById(R.id.button3);

        final ImageView image1 = (ImageView)findViewById(R.id.iamge1);

        final ImageView image2 = (ImageView)findViewById(R.id.iamge2);

        

        next.setOnClickListener(new OnClickListener(){

            @Override

            public void onClick(View v) {

                if(currentImg >= 4){

                    currentImg = -1;

                }

                BitmapDrawable bitmapDrawable = (BitmapDrawable) image1.getDrawable();

                

                //图片没回收，强制回收

                if (!bitmapDrawable.getBitmap().isRecycled()) {

                    bitmapDrawable.getBitmap().recycle();

                }

                //改变显示图片

                image1.setImageBitmap(BitmapFactory.decodeResource(getResources(), images[++currentImg]));

            }

        });

        

        OnClickListener clickListener = new OnClickListener() {

            

            @SuppressWarnings("deprecation")

            @Override

            public void onClick(View v) {

                

                if (v == plus) {

                    setAlpha(getAlpha() + 20);

                }

                if(getAlpha() >= 255){

                    setAlpha(255);

                }

                if(getAlpha() <= 0){

                    setAlpha(0);

                }

                image1.setAlpha(getAlpha());

            }

        };

        

        //保定道两个按钮

        plus.setOnClickListener(clickListener);

        minus.setOnClickListener(clickListener);

        

        image1.setOnTouchListener(new OnTouchListener(){



            @SuppressWarnings("deprecation")

            @Override

            public boolean onTouch(View v, MotionEvent event) {

                

                BitmapDrawable bitmapDrawable = (BitmapDrawable) image1.getDrawable();

                //获取位图

                Bitmap bitmap = bitmapDrawable.getBitmap();

                //bitmap实际大小与第一个ImageView的缩放比例

                double scale = bitmap.getWidth() / 320.0;

                //获取需要显示的图片的开始点

                int x = (int) (event.getX() * scale);

                int y = (int) (event.getY() * scale);

                

                if (x + 120 > bitmap.getWidth()) {

                    x = bitmap.getWidth() -120;

                }

                if (y + 120 > bitmap.getHeight()) {

                    y = bitmap.getHeight() -120;

                }

                

                //图片显示指定区域

                image2.setImageBitmap(Bitmap.createBitmap(bitmap, x, y, 120, 120));

                image2.setAlpha(getAlpha());

                return false;

            }

            

        });

        

        

        

        

        

        

        

        

        

        

        

    }



    @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;

    }



    public int getAlpha() {

        return alpha;

    }



    public void setAlpha(int alpha) {

        this.alpha = alpha;

    }



}

View Code

　　　　　　activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical"

    >



    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:orientation="horizontal" 

        android:gravity="center">



        <Button

            android:id="@+id/button1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="+" />



        <Button

            android:id="@+id/button2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="-" />



        <Button

            android:id="@+id/button3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text=" next" />

    </LinearLayout>

      <!--  显示图片整体-->

      <ImageView 

          android:id="@+id/iamge1"

          android:layout_width="fill_parent"

          android:background="#0000ff"

          android:layout_height="240px"

          android:src="@drawable/shuangta"

          android:scaleType="fitCenter"

          />

      <!--  定义显示图片局部细节-->



      <ImageView 

          android:id="@+id/iamge2"

          android:layout_width="120dp"

          android:background="#0000ff"

          android:layout_height="120dp"

          android:layout_marginTop="10dp"

          />

</LinearLayout>

View Code

 

　　　联想

　　　　　　用于一些特殊科学图解。或者医学院那些解剖图，血管细胞啥啥的之类，可以学习必备哦（原谅本人在医科大）

　　

界面横竖向切换

　　效果图

　　　　　　　　　　

     　　　　　　　   

　　　　　　

　　　　　　

　　　　核心代码

 

　　　　　　MainActivity.java

package sedion.jeffli.action;



import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.CompoundButton;

import android.widget.CompoundButton.OnCheckedChangeListener;

import android.widget.LinearLayout;

import android.widget.ToggleButton;



public class MainActivity extends Activity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        ToggleButton toggle = (ToggleButton) findViewById(R.id.toggle);

        final LinearLayout test = (LinearLayout)findViewById(R.id.test);

        toggle.setOnCheckedChangeListener(new OnCheckedChangeListener(){



            @Override

            public void onCheckedChanged(CompoundButton buttonView,

                    boolean isChecked) {

                if(isChecked){

                    //垂直

                    test.setOrientation(1);

                }else{

                    //水平

                    test.setOrientation(0);

                }

            }

            

        });

    }



    @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

　　　　　　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"

    >

    <ToggleButton 

        android:id="@+id/toggle"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textOff="水平分布"

        android:textOn="垂直分布"

        android:checked="true"

        />

    <LinearLayout 

        android:id="@+id/test"

        android:orientation="vertical"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        >

        <Button

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"

              android:text="jeff"/>

        <Button

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"

              android:text="li"/>

        <Button

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"

              android:text="jeffli"/>

    </LinearLayout>

</LinearLayout>

View Code

 

　　　　联想

　　　　　　这东西，以后用户喜欢哪种随意切换多么好。以后安卓用户体验可以考虑.

 

补言

　　　　　　　　　　　

　　　　　　　　数学美吧！

　　　　　　　　　　　　

　　　　　　　　最近在看这本书，吴军大哥写的很好看。google我的目标！啦啦啦

感谢及资源共享

　　　　感谢读者！很喜欢你们给我的支持。如果支持，点个赞。

　　　　知识来源：　http://www.oschina.net/android/books

　　　　上面案例资源分享：

　　　　　　链接：链接：http://pan.baidu.com/share/link?shareid=258699827&uk=3307409781 密码：e9pk