系出名門Android(8) - 控件(View)之TextSwitcher, Gallery, ImageSwitcher, GridView, ListView

<a href="http://down.51cto.com/data/100088" target="_blank">[源碼下載下傳]</a>

系出名門Android(8) - 控件(View)之TextSwitcher, Gallery, ImageSwitcher, GridView, ListView, ExpandableList

介紹

在 Android 中使用各種控件(View)

TextSwitcher - 文字轉換器控件（改變文字時增加一些動畫效果）

Gallery - 縮略圖浏覽器控件

ImageSwitcher - 圖檔轉換器控件（改變圖檔時增加一些動畫效果）

GridView - 網格控件

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 - 文字轉換器控件（改變文字時增加一些動畫效果）

-->

<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);

// 指定轉換器的 ViewSwitcher.ViewFactory

switcher.setFactory(this);

// 設定淡入和淡出的動畫效果

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()，傳回一個 View

public View makeView() {

TextView textView = new TextView(this);

textView.setTextSize(36);

return textView;

}

2、Gallery 的 Demo

gallery.xml

Gallery - 縮略圖浏覽器控件

spacing - 縮略圖清單中各個縮略圖之間的間距

<Gallery android:id="@+id/gallery" android:layout_width="fill_parent"

android:layout_height="wrap_content" android:spacing="20px" />

_Gallery.java

import android.content.Context;

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 {

this.setContentView(R.layout.gallery);

setTitle("Gallery");

Gallery gallery = (Gallery) findViewById(R.id.gallery);

// 為縮略圖浏覽器指定一個擴充卡

gallery.setAdapter(new ImageAdapter(this));

// 響應在縮略圖清單上選中某個縮略圖後的事件

gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

public void onItemSelected(AdapterView<?> parent, View v,

int position, long id) {

Toast.makeText(_Gallery.this, String.valueOf(position), Toast.LENGTH_SHORT).show();

public void onNothingSelected(AdapterView<?> arg0) {

// 繼承 BaseAdapter 用以實作自定義的圖檔擴充卡

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) {

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

ImageSwitcher - 圖檔轉換器控件（改變圖檔時增加一些動畫效果）

<ImageSwitcher android:id="@+id/imageSwitcher"

_ImageSwitcher.java

import android.widget.ImageSwitcher;

// 圖檔轉換器的使用基本同文字轉換器

// 以下是一個用 ImageSwitcher + Gallery 實作的經典的圖檔浏覽器的 Demo

public class _ImageSwitcher extends Activity implements

ViewSwitcher.ViewFactory {

private ImageSwitcher mSwitcher;

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));

mSwitcher.setImageResource(mImageIds[position]);

private Integer[] mImageIds = { R.drawable.icon01, R.drawable.icon02,

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

<!--

GridView - 網格控件

numColumns="auto_fit" - 列數自适應

stretchMode - 縮放模式（stretchMode="columnWidth" - 縮放與列寬大小同步）

-->

<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

import android.widget.GridView;

public class _GridView extends Activity {

this.setContentView(R.layout.gridview);

setTitle("GridView");

GridView gridView = (GridView) findViewById(R.id.gridView);

// 指定網格控件的擴充卡為自定義的圖檔擴充卡

gridView.setAdapter(new ImageAdapter(this));

// 自定義的圖檔擴充卡

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;

// 網格控件所需圖檔資料的資料源

private Integer[] mThumbIds = { R.drawable.icon01, R.drawable.icon02,

R.drawable.icon03, R.drawable.icon04, R.drawable.icon05 };

本文轉自webabcd 51CTO部落格，原文連結：http://blog.51cto.com/webabcd/342090，如需轉載請自行聯系原作者

系出名門Android(8) - 控件(View)之TextSwitcher, Gallery, ImageSwitcher, GridView, ListView

繼續閱讀

Android Studio 安裝具體步驟

三年開發經驗，從小廠離職後，我憑什麼拿到了阿裡、騰訊、今日頭條的offer我為什麼離職準備面試刷題履歷

Android網絡程式設計之使用HttpClient批量上傳檔案（一）1.預備知識：2.通過HttpCient上傳檔案程式運作效果圖：3.完成項目代碼：

Android網絡程式設計之使用HttpClient批量上傳檔案（二）AsyncTask+HttpClient并實作上傳進度監聽 Android網絡程式設計之使用HttpClient批量上傳檔案（二）AsyncTask+HttpClient并實作上傳進度監聽

android 使用shape自定義圓角矩形

記一次因MySQL編碼問題導緻的慢查詢排查

為什麼不再使用 Android MVVM

方法數超了65535 無法安裝的解決方案

android調用系統相機拍攝擷取照片的兩種方法

Android調用系統拍照擷取圖檔問題

Android Studio中Make Project、Clean Project、Rebuild Project 的作用

新買的便攜式藍牙标簽列印機內建測試起因分析提供的SDK開始使用藍牙測試工具進行測試列印列印亂碼分析JAVA中Unicode轉ANCI工具連結

Android面試題——5.常見面試官提問Android面試題①

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android電視機（機頂盒）初次開發的一些經驗分享