2011年12月8日木曜日

ViewSwicherで画面切り替え



ViewSwicher では二つのViewを切替える事が出来るようです。

パレットからViewSwicherをLinearLayoutの中に追加して、
ViewSwicherの中にImageViewを二つ追加しました。
ボタンをクリックしたら、ImageViewが切り替わります。

package com.android.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ViewSwitcher;

public class AndroidTestActivity extends Activity {
    private ViewSwitcher viewSwitcher;
 /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        viewSwitcher = (ViewSwitcher) findViewById(R.id.viewSwitcher1);
    }
 public void MyOnClickButton(View v) {
  viewSwitcher.showNext();
    }
}



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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout0"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ViewSwitcher
        android:id="@+id/viewSwitcher1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/monalisa" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/botticelli1" />

    </ViewSwitcher>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:onClick="MyOnClickButton"
        android:text="Button" />

</LinearLayout>

関連記事

0 件のコメント:

コメントを投稿