Android[初级教程] 第九章 Gallery控件和ImageSwitcher控件

这一章我们介绍Gallery控件和ImageSwitcher控件,这次妖怪们说,现在iphone很流行,上次的通辑令不好看,没有互动,有没有好看一点的通辑令呢?呵呵,这次我们就综合两个控件来做个好看的通辑令.先上图吧

OK,我们先上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"> <TextView android:text="西游记各主人公通辑令" android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> <ImageSwitcher android:id="@+id/imageSwitcher" android:layout_width="320dp" android:layout_height="280dp"></ImageSwitcher> <Gallery android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/gallery1"></Gallery> <TextView android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="@string/hello" android:id="@+id/text"></TextView> </LinearLayout>

主Layout中定义了一个ImageSwitcher和一个Gallery控件

再定义了一个gallery_item.xml的Layout,是Gallery控件中既有图又有字的Layout

<?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"> <ImageView android:id="@+id/item_imageView" android:src="@drawable/bajie" android:layout_gravity="center" android:scaleType="fitXY" android:layout_marginLeft="30dp" android:layout_marginRight="30dp" android:layout_height="wrap_content" android:layout_width="wrap_content"></ImageView> <TextView android:text="TextView" android:id="@+id/item_textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="30dp" android:layout_marginRight="30dp"></TextView> </LinearLayout>

好,现在上主要的java代码:

import android.app.Activity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.widget.AdapterView; import android.widget.AdapterView.OnItemSelectedListener; import android.widget.BaseAdapter; import android.widget.Gallery; import android.widget.ImageSwitcher; import android.widget.ImageView; import android.widget.TextView; import android.widget.ViewSwitcher.ViewFactory; public class ButtonDemoActivity extends Activity { private TextView text = null; private int[] image = { R.drawable.tangseng, R.drawable.wukong, R.drawable.bajie, R.drawable.shaseng }; private String[] item = { "唐僧", "孙悟空 ", "猪八戒", "沙和尚" }; private Gallery gallery; private ImageSwitcher switcher; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // 通过ID查找到main.xml中的TextView控件 text = (TextView) findViewById(R.id.text); // 通过ID查找到main.xml中的ImageSwitcher控件 switcher = (ImageSwitcher) findViewById(R.id.imageSwitcher); switcher.setFactory(new ViewFactory() { // 创建ImageSwitcher中的视图 @Override public View makeView() { ImageView imageView = new ImageView(ButtonDemoActivity.this); imageView.setScaleType(ImageView.ScaleType.FIT_XY); imageView.setPadding(10, 10, 10, 10); imageView.setLayoutParams(new ImageSwitcher.LayoutParams( LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); return imageView; } }); // 通过ID查找到main.xml中的Gallery控件 gallery = (Gallery) findViewById(R.id.gallery1); // 设置Gallery适配器 BaseAdapter adapter = new BaseAdapter() { // 取得适配器中的视图 @Override public View getView(int position, View convertView, ViewGroup parent) { //将适配器中缓冲的视图控件返回 View view = convertView; if (view == null) { // 将gallery_item.xml适配到View中 LayoutInflater inflater = LayoutInflater .from(getApplicationContext()); view = inflater.inflate(R.layout.gallery_item, null); } // 查找gallery_item.xml中的ImageView控件 ImageView imageView = (ImageView) view .findViewById(R.id.item_imageView); imageView.setImageResource(image[position]); // 查找gallery_item.xml中的TextView控件 TextView textView = (TextView) view .findViewById(R.id.item_textView); textView.setText(item[position]); return view; } @Override public long getItemId(int position) { return position; } @Override public Object getItem(int position) { return position; } @Override public int getCount() { return image.length; } }; gallery.setAdapter(adapter); // 设置Gallery单项选择监听器 gallery.setOnItemSelectedListener(new OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> arg0, View arg1, int position, long arg3) { String str = "你现在查看的是" + item[position]; updateText(str); switcher.setImageResource(image[position]); } @Override public void onNothingSelected(AdapterView<?> arg0) { // TODO Auto-generated method stub } }); } private void updateText(String string) { // 将文本信息设置给TextView控件显示出来 text.setText(string); } }

呵呵,这下妖怪们的建议满足了,妖怪们开心都抓唐僧去了.好了,这一章也结束了,谢谢