ImageSwitch画像切り替え器の使用例
6421 ワード
本論文の例では、ImageSwitch画像切替器の実現コードを共有しています。参考にしてください。具体的な内容は以下の通りです。
説明
この例では、1つの写真スイッチと2つのクリックボタンが提供され、画像を切り替え、1つのTextViewで画像情報を表示する。この中で、現在の画像が最後の写真なら、次の写真をクリックして、最初の写真にジャンプします。同じように、最初の写真は前の写真をクリックすると、最後の画像が表示され、現在の画像を循環的に見ることができます。
ターゲット効果図は以下の通りです。
ページレイアウト
説明
この例では、1つの写真スイッチと2つのクリックボタンが提供され、画像を切り替え、1つのTextViewで画像情報を表示する。この中で、現在の画像が最後の写真なら、次の写真をクリックして、最初の写真にジャンプします。同じように、最初の写真は前の写真をクリックすると、最後の画像が表示され、現在の画像を循環的に見ることができます。
ターゲット効果図は以下の通りです。
ページレイアウト
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg67"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<TextView
android:id="@+id/show"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp"
android:text=" ~"
android:textSize="24dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageSwitcher
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/image"
android:layout_gravity="center"
android:background="#666666">
</ImageSwitcher>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" "
android:layout_marginLeft="20dp"
android:textSize="24dp"
android:id="@+id/up" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" "
android:layout_marginLeft="20dp"
android:textSize="24dp"
android:id="@+id/down" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
イベント応答
package com.example.imageswitchdemo;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.ViewSwitcher.ViewFactory;
public class MainActivity extends Activity
{
TextView show=null;
Button up,dowm=null;
ImageSwitcher image=null;
private int[] images=new int[]{R.drawable.a001,R.drawable.a002,R.drawable.a003,
R.drawable.a004,R.drawable.a005,R.drawable.a006,
R.drawable.a007,R.drawable.a008,R.drawable.a009};
private int index=0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//
show=(TextView) findViewById(R.id.show);
up=(Button) findViewById(R.id.up);
dowm=(Button) findViewById(R.id.down);
image=(ImageSwitcher) findViewById(R.id.image);
// :
image.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
image.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
// ViewFactory, makeView
image.setFactory(new ViewFactory()
{
@Override
public View makeView()
{
//
return new ImageView(MainActivity.this);
}
});
image.setImageResource(images[index]);
show.setText(" "+images.length+" , "+(index+1)+" ");
// ,
up.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View arg0)
{
if(index>0)
index--;
else
index=images.length-1;
image.setImageResource(images[index]);
show.setText(" "+images.length+" , "+(index+1)+" ");
}
});
// , ,
dowm.setOnClickListener(new OnClickListener()
{
public void onClick(View arg0)
{
if(index<images.length-1)
index++;
else
index=0;
image.setImageResource(images[index]);
show.setText(" "+images.length+" , "+(index+1)+" ");
}
});
}
@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;
}
}
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。