當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

控件(View)之TextSwitcher, Gallery, ImageSwitcher, GridView, ListView, ExpandableList【转】

發(fā)布時(shí)間：2023/12/13 编程问答 19 豆豆

生活随笔收集整理的這篇文章主要介紹了控件(View)之TextSwitcher, Gallery, ImageSwitcher, GridView, ListView, ExpandableList【转】小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

在 Android 中使用各種控件(View)
TextSwitcher - 文字轉(zhuǎn)換器控件（改變文字時(shí)增加一些動(dòng)畫效果）
Gallery - 縮略圖瀏覽器控件
ImageSwitcher - 圖片轉(zhuǎn)換器控件（改變圖片時(shí)增加一些動(dòng)畫效果）
GridView - 網(wǎng)格控件
ListView - 列表控件
ExpandableList - 支持展開/收縮功能的列表控件

1、TextSwitcher 的 Demo
textswitcher.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">
??? <Button android:id="@+id/btnChange" android:layout_width="wrap_content"
??????? android:layout_height="wrap_content" android:text="改變文字" />
??? 
??? <TextSwitcher android:id="@+id/textSwitcher"
??????? android:layout_width="fill_parent" android:layout_height="wrap_content" />
</LinearLayout>

_TextSwitcher.java

代碼

package com.webabcd.view;
import java.util.Random;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.ViewSwitcher;
public class _TextSwitcher extends Activity implements ViewSwitcher.ViewFactory {
??? @Override
??? protected void onCreate(Bundle savedInstanceState) {
??????? // TODO Auto-generated method stub
??????? super.onCreate(savedInstanceState);
??????? this.setContentView(R.layout.textswithcer);
??????? setTitle("TextSwithcer");
??????? final TextSwitcher switcher = (TextSwitcher) findViewById(R.id.textSwitcher);
??????? // 指定轉(zhuǎn)換器的 ViewSwitcher.ViewFactory
??????? switcher.setFactory(this);
??????? // 設(shè)置淡入和淡出的動(dòng)畫效果
??????? Animation in = AnimationUtils.loadAnimation(this, android.R.anim.fade_in);
??????? Animation out = AnimationUtils.loadAnimation(this, android.R.anim.fade_out);
??????? switcher.setInAnimation(in);
??????? switcher.setOutAnimation(out);
??????? // 單擊一次按鈕改變一次文字
??????? Button btnChange = (Button) this.findViewById(R.id.btnChange);
??????? btnChange.setOnClickListener(new View.OnClickListener() {
??????????? @Override
??????????? public void onClick(View v) {
??????????????? switcher.setText(String.valueOf(new Random().nextInt()));
??????????? }
??????? });
??? }
??? // 重寫 ViewSwitcher.ViewFactory 的 makeView()，返回一個(gè) View
??? @Override
??? public View makeView() {
??????? TextView textView = new TextView(this);
??????? textView.setTextSize(36);
??????? return textView;
??? }
}

2、Gallery 的 Demo
gallery.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">
??? 
??? <Gallery android:id="@+id/gallery" android:layout_width="fill_parent"
??????? android:layout_height="wrap_content" android:spacing="20px" />
</LinearLayout>

_Gallery.java

代碼

package com.webabcd.view;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.Gallery.LayoutParams;
public class _Gallery extends Activity {
??? @Override
??? protected void onCreate(Bundle savedInstanceState) {
??????? // TODO Auto-generated method stub
??????? super.onCreate(savedInstanceState);
??????? this.setContentView(R.layout.gallery);
??????? setTitle("Gallery");
??????? Gallery gallery = (Gallery) findViewById(R.id.gallery);
??????? // 為縮略圖瀏覽器指定一個(gè)適配器
??????? gallery.setAdapter(new ImageAdapter(this));
??????? // 響應(yīng) 在縮略圖列表上選中某個(gè)縮略圖后的事件
??????? gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
??????????? @Override
??????????? public void onItemSelected(AdapterView<?> parent, View v,
??????????????????? int position, long id) {
??????????????? Toast.makeText(_Gallery.this, String.valueOf(position), Toast.LENGTH_SHORT).show();
??????????? }
??????????? @Override
??????????? public void onNothingSelected(AdapterView<?> arg0) {
??????????? }
??????? });
??? }
??? // 繼承 BaseAdapter 用以實(shí)現(xiàn)自定義的圖片適配器
??? public class ImageAdapter extends BaseAdapter {
??????? private Context mContext;
??????? public ImageAdapter(Context context) {
??????????? mContext = context;
??????? }
??????? public int getCount() {
??????????? return mThumbIds.length;
??????? }
??????? public Object getItem(int position) {
??????????? return position;
??????? }
??????? public long getItemId(int position) {
??????????? return position;
??????? }
??????? public View getView(int position, View convertView, ViewGroup parent) {
??????????? ImageView image = new ImageView(mContext);
??????????? image.setImageResource(mThumbIds[position]);
??????????? image.setAdjustViewBounds(true);
??????????? image.setLayoutParams(new Gallery.LayoutParams(
??????????????????? LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
??????????? return image;
??????? }
??? }
??? // 需要顯示的圖片集合
??? private Integer[] mThumbIds = { R.drawable.icon01, R.drawable.icon02,
??????????? R.drawable.icon03, R.drawable.icon04, R.drawable.icon05 };
}

3、ImageSwitcher 的 Demo
imageswitcher.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">
??? <Gallery android:id="@+id/gallery" android:layout_width="fill_parent"
??????? android:layout_height="wrap_content" android:spacing="20px" />
??? 
??? <ImageSwitcher android:id="@+id/imageSwitcher"
??????? android:layout_width="fill_parent" android:layout_height="wrap_content" />
</LinearLayout>

_ImageSwitcher.java

代碼

package com.webabcd.view;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;
import android.widget.Gallery.LayoutParams;
// 圖片轉(zhuǎn)換器的使用基本同文字轉(zhuǎn)換器
// 以下是一個(gè)用 ImageSwitcher + Gallery 實(shí)現(xiàn)的經(jīng)典的圖片瀏覽器的 Demo
public class _ImageSwitcher extends Activity implements
??????? ViewSwitcher.ViewFactory {
??? private ImageSwitcher mSwitcher;
??? @Override
??? protected void onCreate(Bundle savedInstanceState) {
??????? // TODO Auto-generated method stub
??????? super.onCreate(savedInstanceState);
??????? this.setContentView(R.layout.imageswithcer);
??????? setTitle("ImageSwithcer");
??????? mSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
??????? mSwitcher.setFactory(this);
??????? mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
??????????????? android.R.anim.fade_in));
??????? mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
??????????????? android.R.anim.fade_out));
??????? Gallery gallery = (Gallery) findViewById(R.id.gallery);
??????? gallery.setAdapter(new ImageAdapter(this));
??????? gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
??????????? @Override
??????????? public void onItemSelected(AdapterView<?> parent, View v,
??????????????????? int position, long id) {
??????????????? mSwitcher.setImageResource(mImageIds[position]);
??????????? }
??????????? @Override
??????????? public void onNothingSelected(AdapterView<?> arg0) {
??????????? }
??????? });
??? }
??? public class ImageAdapter extends BaseAdapter {
??????? private Context mContext;
??????? public ImageAdapter(Context context) {
??????????? mContext = context;
??????? }
??????? public int getCount() {
??????????? return mThumbIds.length;
??????? }
??????? public Object getItem(int position) {
??????????? return position;
??????? }
??????? public long getItemId(int position) {
??????????? return position;
??????? }
??????? public View getView(int position, View convertView, ViewGroup parent) {
??????????? ImageView image = new ImageView(mContext);
??????????? image.setImageResource(mThumbIds[position]);
??????????? image.setAdjustViewBounds(true);
??????????? image.setLayoutParams(new Gallery.LayoutParams(
??????????????????? LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
??????????? return image;
??????? }
??? }
??? private Integer[] mThumbIds = { R.drawable.icon01, R.drawable.icon02,
??????????? R.drawable.icon03, R.drawable.icon04, R.drawable.icon05 };
??? private Integer[] mImageIds = { R.drawable.icon01, R.drawable.icon02,
??????????? R.drawable.icon03, R.drawable.icon04, R.drawable.icon05 };
??? @Override
??? public View makeView() {
??????? ImageView image = new ImageView(this);
??????? image.setMinimumHeight(200);
??????? image.setMinimumWidth(200);
??????? image.setScaleType(ImageView.ScaleType.FIT_CENTER);
??????? image.setLayoutParams(new ImageSwitcher.LayoutParams(
??????????????? LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
??????? return image;
??? }
}

4、GridView 的 Demo
gridview.xml

代碼

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

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
??? android:id="@+id/gridView" android:layout_width="fill_parent"
??? android:layout_height="fill_parent" android:padding="10px"
??? android:verticalSpacing="10px" android:horizontalSpacing="10px"
??? android:numColumns="auto_fit" android:columnWidth="60px"
??? android:stretchMode="columnWidth" android:gravity="center">
</GridView>

_GridView.java

代碼

package com.webabcd.view;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
public class _GridView extends Activity {
??? @Override
??? protected void onCreate(Bundle savedInstanceState) {
??????? // TODO Auto-generated method stub
??????? super.onCreate(savedInstanceState);
??????? this.setContentView(R.layout.gridview);
??????? setTitle("GridView");
??????? GridView gridView = (GridView) findViewById(R.id.gridView);
??????? // 指定網(wǎng)格控件的適配器為自定義的圖片適配器
??????? gridView.setAdapter(new ImageAdapter(this));
??? }
??? // 自定義的圖片適配器
??? public class ImageAdapter extends BaseAdapter {
??????? private Context mContext;
??????? public ImageAdapter(Context context) {
??????????? mContext = context;
??????? }
??????? public int getCount() {
??????????? return mThumbIds.length;
??????? }
??????? public Object getItem(int position) {
??????????? return position;
??????? }
??????? public long getItemId(int position) {
??????????? return position;
??????? }
??????? public View getView(int position, View convertView, ViewGroup parent) {
??????????? ImageView imageView;
??????????? if (convertView == null) {
??????????????? imageView = new ImageView(mContext);
??????????????? imageView.setLayoutParams(new GridView.LayoutParams(48, 48));
??????????????? imageView.setAdjustViewBounds(false);
??????????????? imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
??????????????? imageView.setPadding(5, 5, 5, 5);
??????????? } else {
??????????????? imageView = (ImageView) convertView;
??????????? }
??????????? imageView.setImageResource(mThumbIds[position]);
??????????? return imageView;
??????? }
??????? // 網(wǎng)格控件所需圖片數(shù)據(jù)的數(shù)據(jù)源
??????? private Integer[] mThumbIds = { R.drawable.icon01, R.drawable.icon02,
??????????????? R.drawable.icon03, R.drawable.icon04, R.drawable.icon05 };
??? }
}

5、ListView 的 Demo
main_list_adapter.xml

代碼

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
??? android:orientation="horizontal" android:layout_width="fill_parent"
??? android:layout_height="fill_parent">
??? <TextView android:id="@+id/text" android:layout_width="wrap_content"
??????? android:layout_height="wrap_content" android:textSize="16sp">
??? </TextView>
</LinearLayout>

轉(zhuǎn)載于:https://www.cnblogs.com/wzh206/archive/2010/04/28/1723383.html

總結(jié)

以上是生活随笔為你收集整理的控件(View)之TextSwitcher, Gallery, ImageSwitcher, GridView, ListView, ExpandableList【转】的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：返回对应对象的克隆方法
下一篇： Cheatsheet: 2010 04.