第四十五講：用戶界面 View（十二）

Jcheng一霸 · 發(fā)表于 2013-8-28 16:26

>

本講內容：ImageSwitcher 圖片切換器和 TextSwitcher 文本切換器

源代碼下載：

3、在main.xml中添加一個ImageSwitcher組件：

<?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">
<imageswitcher android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageSwitcher1">
</imageswitcher>
</linearlayout>

復制代碼

4、在MainActivity.java中的代碼如下：

package basic.android.lesson45;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;

public class MainActivity extends Activity {

      //當前顯示的圖片索引
      private int index;

      //圖片數(shù)組
      private int[] images = { R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4,
                     R.drawable.image5 };

      /** Called when the activity is first created. */
      @Override
      public void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            //全屏設置
            requestWindowFeature(Window.FEATURE_NO_TITLE);
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

            setContentView(R.layout.main);

            //得到ImageSwitcher對象
            final ImageSwitcher is = (ImageSwitcher) findViewById(R.id.imageSwitcher1);

            //實現(xiàn)并設置工廠內部接口的makeView方法，用來顯示視圖。
            is.setFactory(new ViewFactory() {
                     @Override
                     public View makeView() {
                              return new ImageView(MainActivity.this);
                     }
            });

            //設置圖片來源
            is.setImageResource(images[index]);

            //設置點擊監(jiān)聽器
            is.setOnClickListener(new View.OnClickListener() {

                     @Override
                     public void onClick(View v) {
                              //點擊會切換圖片
                              index++;
                              if (index >= images.length) {
                                    index = 0;
                              }
                              is.setImageResource(images[index]);
                     }
            });

            //設置切入動畫
            is.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_in_left));
            //設置切出動畫
            is.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_out_right));

      }
}

復制代碼

5、編譯并運行程序，查看結果：抱歉我抓不到切換圖片瞬間的截圖。
二、TextSwitcher 文本切換器文本的切換動畫也是有一個叫TextSwitcher的類可以做到，它的使用方法和ImageSwitcher類似。至于為什么用法如此相似，還是看下面兩張繼承關系圖吧：

下面直接上例子：1、新建一個項目：Lesson45_TextSwitcher2、在main.xml中添加一個TextSwitcher組件：

<?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">
<textswitcher android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/textSwitcher1">
</textswitcher>
</linearlayout>

復制代碼

3、在MainActivity.java中的代碼如下：

package basic.android.lesson45;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.ViewSwitcher.ViewFactory;

public class MainActivity extends Activity {

      // 索引
      private int index;
      // 文本數(shù)組
      private String[] poemArray = { "去年今日栽", "臨去見花開", "好住守空院", "夜間人不來" };

      /** Called when the activity is first created. */
      @Override
      public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);

            //定義文字切換器
            final TextSwitcher ts = (TextSwitcher) findViewById(R.id.textSwitcher1);

            //定義視圖顯示工廠，并設置
            ts.setFactory(new ViewFactory() {

                     @Override
                     public View makeView() {
                              TextView tv =new TextView(MainActivity.this);
                              tv.setTextSize(32);
                              tv.setTextColor(Color.GREEN);
                              return tv;
                     }
            });

            // 設置圖片來源
            ts.setText(poemArray[index]);

            // 設置點擊監(jiān)聽器
            ts.setOnClickListener(new View.OnClickListener() {

                     @Override
                     public void onClick(View v) {
                              // 點擊會切換圖片
                              index++;
                              if (index >= poemArray.length) {
                                    index = 0;
                              }
                              ts.setText(poemArray[index]);
                     }
            });

            // 設置切入動畫
            ts.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_in_left));
            // 設置切出動畫
            ts.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_out_right));

      }
}

復制代碼

4、編譯并運行程序，查看結果：

抱歉還是沒法截取到切換時的場景#_#好吧，本講就到這里，各位下次再見。</div

› 智能家居 / NAS / 路由 / 開發(fā) / 音響 › TV應用開發(fā)交流

第四十五講：用戶界面 View（十二）

第四十五講：用戶界面 View（十二）

相關帖子