• 熱門專題

ImageView的學習

作者:羅開心  發布日期:2015-12-03 20:25:06
Tag標簽:ImageView的學習  
  •      學習安卓時我還是習慣看懂手冊,雖然是英文但是可以獲得的東西必然也是更多的,否則自己只能停留在拾人牙縫的水平,雖然我是初學,但是還是分享一些自己的學習過程及方法。

        從手冊中我們看以知道,ImageView繼承自View組件,它的類概述中說到:它可以顯示任意圖象,例如一個圖標。 ImageView的類可以裝載從各種來源的圖像(諸如資源或內容提供者),獲取從圖像計算它的測量,以便它可以在任何布局管理器使用的護理,并提供了不同的顯示選項諸如縮放和著色。除此之外,我們還知道它派生了ImageButton、QuickContactBadge、ZoomButton組件,因此ImageView支持的XML屬性和方法基本也可以用于這幾個組件。

    手冊中列出的ImageView支持的XML屬性及相關方法:

    翻譯了些常用的:

     

    相關屬性值大家可以參考手冊。

    接下來,通過對ImageView的學習寫了個圖片瀏覽器的實驗。

    定義XML文件:

    <?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'
        android:weightSum='1'>
        <LinearLayout
            android:orientation='horizontal'
            android:layout_width='match_parent'
            android:layout_height='wrap_content'
            android:gravity='center'>
            <Button android:id='@+id/plus'
                android:layout_width='wrap_content'
                android:layout_height='wrap_content'
                android:text='增大透明度'/>
            <Button android:id='@+id/minus'
                android:layout_width='wrap_content'
                android:layout_height='wrap_content'
                android:text='降低透明度'/>
            <Button android:id='@+id/next'
                android:layout_width='wrap_content'
                android:layout_height='wrap_content'
                android:text='下一張'/>
        </LinearLayout>
        <!-- 定義顯示圖片整體的ImageView -->
        <ImageView android:id='@+id/image1'
            android:layout_width='match_parent'
            android:layout_height='270dp'
            android:src='@drawable/heye'
            android:scaleType='fitCenter' />
        <!-- 定義顯示圖片局部細節的ImageView -->
        <ImageView android:id='@+id/image2'
            android:layout_width='120dp'
            android:layout_height='120dp'
            android:background='#00f'
            android:layout_margin='10dp' />
    </LinearLayout>

    定義主函數:

    package happy.imageview;
    
    import android.app.Activity;
    import android.graphics.Bitmap;
    import android.graphics.drawable.BitmapDrawable;
    import android.os.Bundle;
    import android.view.MotionEvent;
    import android.view.View;
    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
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.test );
            final Button plus = (Button) findViewById(R.id.plus);
            final Button minus = (Button) findViewById(R.id.minus);
            final ImageView image1 = (ImageView) findViewById(R.id.image1);
            final ImageView image2 = (ImageView) findViewById(R.id.image2);
            final Button next = (Button) findViewById(R.id.next);
            // 定義查看下一張圖片的監聽器
            next.setOnClickListener(new View.OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    // 控制ImageView顯示下一張圖片
                    image1.setImageResource(
                            images[++currentImg % images.length]);
                }
            });
            // 定義改變圖片透明度的方法
            View.OnClickListener listener = new View.OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    if (v == plus)
                    {
                        alpha += 20;
                    }
                    if (v == minus)
                    {
                        alpha -= 20;
                    }
                    if (alpha >= 255)
                    {
                        alpha = 255;
                    }
                    if (alpha <= 0)
                    {
                        alpha = 0;
                    }
                    // 改變圖片的透明度
                    image1.setImageAlpha(alpha);
                }
            };
            // 為兩個按鈕添加監聽器
            plus.setOnClickListener(listener);
            minus.setOnClickListener(listener);
            image1.setOnTouchListener(new View.OnTouchListener()
            {
                @Override
                public boolean onTouch(View view, MotionEvent event)
                {
                    BitmapDrawable bitmapDrawable = (BitmapDrawable) image1
                            .getDrawable();
                    // 獲取第一個圖片顯示框中的位圖
                    Bitmap bitmap = bitmapDrawable.getBitmap();
                    System.out.println(bitmap.getWidth());
                    System.out.println(image1.getWidth());
                    // bitmap圖片實際大小與第一個ImageView的縮放比例
                    double scale = 1.0 * bitmap.getHeight() / image1.getHeight();
                    // 獲取需要顯示的圖片的開始點
                    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.setImageAlpha(alpha);
                    return false;
                }
            });
        }
    }

    結果:

延伸閱讀:

About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
彩票联盟网站郁南县| 阿尔山市|