系出名門Android(7) - 控件(View)之ZoomControls, Include, VideoView, WebView, RatingBar, Tab

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

系出名門Android(7) - 控件(View)之ZoomControls, Include, VideoView, WebView, RatingBar, Tab, Spinner, Chronometer, ScrollView

介紹

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

ZoomControls - 放大/縮小按鈕控件

Include - 整合控件

VideoView - 視訊播放控件

WebView - 浏覽器控件

RatingBar - 評分控件

Tab - 頁籤控件

Spinner - 下拉框控件

Chronometer - 計時器控件

ScrollView - 滾動條控件

1、ZoomControls 的 Demo

zoomcontrols.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">

<!--

放大/縮小按鈕控件

-->

<ZoomControls android:id="@+id/zoomControls"

android:layout_width="wrap_content" android:layout_height="wrap_content"></ZoomControls>

</LinearLayout>

_ZoomControls.java

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Toast;

import android.widget.ZoomControls;

public class _ZoomControls extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.zoomcontrols);

setTitle("ZoomControls");

ZoomControls zoomControls = (ZoomControls) this.findViewById(R.id.zoomControls);

// setOnZoomInClickListener() - 響應單擊放大按鈕的事件

zoomControls.setOnZoomInClickListener(new OnClickListener() {

public void onClick(View v) {

Toast.makeText(_ZoomControls.this, "單擊了放大按鈕", Toast.LENGTH_SHORT).show();

}

});

// setOnZoomOutClickListener() - 響應單擊縮小按鈕的事件

zoomControls.setOnZoomOutClickListener(new OnClickListener() {

Toast.makeText(_ZoomControls.this, "單擊了縮小按鈕", Toast.LENGTH_SHORT).show();

}

2、Include 的 Demo

include.xml

include - 整合控件，将指定的 layout 整合進來

layout - 指定需要整合 layout

include_1.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"

android:text="TextView01" android:layout_width="wrap_content"

android:layout_height="wrap_content">

</TextView>

include_2.xml

android:text="TextView02" android:layout_width="wrap_content"

_Include.java

public class _Include extends Activity {

this.setContentView(R.layout.include);

setTitle("Include");

3、VideoView 的 Demo

videoview.xml

VideoView - 視訊播放控件

<VideoView android:id="@+id/videoView" android:layout_width="wrap_content"

android:layout_height="wrap_content">

</VideoView>

_VideoView.java

import android.net.Uri;

import android.widget.MediaController;

import android.widget.VideoView;

public class _VideoView extends Activity {

this.setContentView(R.layout.videoview);

setTitle("VideoView");

VideoView videoView = (VideoView) findViewById(R.id.videoView);

// 指定需要播放的視訊的位址

videoView.setVideoURI(Uri.parse("android.resource://com.webabcd.view/" + R.raw.demo));

// videoView.setVideoPath();

// 設定播放器的控制條

videoView.setMediaController(new MediaController(this));

// 開始播放視訊

videoView.start();

4、WebView 的 Demo

webview.xml

WebView - 浏覽器控件（WebKit 核心）

<WebView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/webView" />

_WebView.java

import android.webkit.WebSettings;

import android.webkit.WebView;

public class _WebView extends Activity {

this.setContentView(R.layout.webview);

setTitle("WebView");

WebView webView = (WebView) findViewById(R.id.webView);

// 配置浏覽器，使其可支援 JavaScript

WebSettings webSettings = webView.getSettings();

webSettings.setJavaScriptEnabled(true);

// 清除浏覽器緩存

webView.clearCache(true);

// 指定浏覽器需要解析的 url 位址

webView.loadUrl("http://webabcd.cnblogs.com/");

// 指定浏覽器需要解析的 html 資料

// webView.loadData("<a href='http://webabcd.cnblogs.com/'>webabcd</a>", "text/html", "utf-8");

5、RatingBar 的 Demo

ratingbar.xml

RatingBar - 評分控件

numStars - 評分控件的星星的數量

rating - 目前評分的值

<RatingBar android:id="@+id/ratingBar" android:numStars="5"

android:rating="1.5" android:layout_width="wrap_content"

</RatingBar>

<TextView android:id="@+id/textView" android:layout_width="wrap_content"

android:layout_height="wrap_content" />

_RatingBar.java

import android.widget.RatingBar;

import android.widget.TextView;

public class _RatingBar extends Activity implements RatingBar.OnRatingBarChangeListener {

private RatingBar mRatingBar;

private TextView mTextView;

this.setContentView(R.layout.ratingbar);

setTitle("RatingBar");

mTextView = (TextView) findViewById(R.id.textView);

mRatingBar = (RatingBar) findViewById(R.id.ratingBar);

// setOnRatingBarChangeListener() - 響應評分值發生改變的事件

mRatingBar.setOnRatingBarChangeListener(this);

public void onRatingChanged(RatingBar ratingBar, float rating,

boolean fromUser) {

mTextView.setText(String.valueOf(rating));

6、Tab 的 Demo

tab.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent" android:layout_height="fill_parent">

<TextView android:id="@+id/view1" android:layout_width="fill_parent"

android:layout_height="fill_parent" android:text="tab1 content" />

<TextView android:id="@+id/view2" android:layout_width="fill_parent"

android:layout_height="fill_parent" android:text="tab2 content" />

</FrameLayout>

_Tab.java

import android.app.TabActivity;

import android.content.Intent;

import android.view.LayoutInflater;

import android.widget.TabHost;

// 實作 Tab 功能的話要繼承 TabActivity

public class _Tab extends TabActivity {

TabHost tabHost = getTabHost();

LayoutInflater.from(this).inflate(R.layout.tab, tabHost.getTabContentView(), true);

// Tab 1 的内容

tabHost.addTab(tabHost.newTabSpec("tab1")

.setIndicator("tab1")

.setContent(R.id.view1));

// Tab 2 的内容（設定了 Tab 圖檔）

tabHost.addTab(tabHost.newTabSpec("tab2")

.setIndicator("tab2", getResources().getDrawable(R.drawable.icon01))

.setContent(R.id.view2));

// Tab 3 的内容（設定 Tab 的内容為指定的 Activity）

tabHost.addTab(tabHost.newTabSpec("tab3")

.setIndicator("tab3")

.setContent(new Intent(this, _TextView.class)));

7、Spinner 的 Demo

spinner.xml

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

Spinner - 下拉框控件

-->

<Spinner android:id="@+id/spinner" android:layout_width="fill_parent"

_Spinner.java

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.Spinner;

public class _Spinner extends Activity {

this.setContentView(R.layout.spinner);

setTitle("Spinner");

Spinner spinner = (Spinner) findViewById(R.id.spinner);

// 設定下拉框控件的标題文本

spinner.setPrompt("請選擇");

// 執行個體化擴充卡，指定顯示格式及資料源

ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(

this, R.array.colors, android.R.layout.simple_spinner_item);

adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

spinner.setAdapter(adapter);

// setOnItemSelectedListener() - 響應下拉框的選中值發生變化的事件

spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

@Override

public void onItemSelected(AdapterView<?> arg0, View arg1,

int arg2, long arg3) {

TextView textView = (TextView)_Spinner.this.findViewById(R.id.textView);

textView.setText(((TextView)arg1).getText());

public void onNothingSelected(AdapterView<?> arg0) {

8、Chronometer 的 Demo

chronometer.xml

Chronometer - 計時器控件

<Chronometer android:id="@+id/chronometer"

android:layout_width="wrap_content" android:layout_height="wrap_content" />

<Button android:id="@+id/btnStart" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:text="開始計時">

</Button>

<Button android:id="@+id/btnStop" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:text="停止計時">

<Button android:id="@+id/btnReset" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:text="計時器複位">

_Chronometer.java

import android.os.SystemClock;

import android.widget.Button;

import android.widget.Chronometer;

public class _Chronometer extends Activity {

private Chronometer mChronometer;

this.setContentView(R.layout.chronometer);

setTitle("Chronometer");

Button button;

mChronometer = (Chronometer) findViewById(R.id.chronometer);

// 設定計時器所顯示的時間格式

mChronometer.setFormat("計時：(%s)");

button = (Button) findViewById(R.id.btnStart);

button.setOnClickListener(mStartListener);

button = (Button) findViewById(R.id.btnStop);

button.setOnClickListener(mStopListener);

button = (Button) findViewById(R.id.btnReset);

button.setOnClickListener(mResetListener);

View.OnClickListener mStartListener = new OnClickListener() {

public void onClick(View v) {

// 啟動計時器

mChronometer.start();

}

};

View.OnClickListener mStopListener = new OnClickListener() {

// 暫停計時器

mChronometer.stop();

View.OnClickListener mResetListener = new OnClickListener() {

// 複位計時器，即停止計時器

mChronometer.setBase(SystemClock.elapsedRealtime());

9、ScrollView 的 Demo

scrollview.xml

ScrollView - 滾動條控件

scrollbarStyle - 滾動條的樣式

<ScrollView android:id="@+id/scrollView"

android:layout_width="fill_parent" android:layout_height="200px"

android:scrollbarStyle="outsideOverlay" android:background="@android:drawable/edit_text">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

</ScrollView>

_ScrollView.java

public class _ScrollView extends Activity {

this.setContentView(R.layout.scrollview);

setTitle("ScrollView");

TextView textView = (TextView)this.findViewById(R.id.textView);

textView.setText("a\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na");

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

系出名門Android(7) - 控件(View)之ZoomControls, Include, VideoView, WebView, RatingBar, Tab

繼續閱讀

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

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

android 使用shape自定義圓角矩形

vue-loader-v16/package.json報錯

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

為什麼不再使用 Android MVVM

ZooKeeper ： Curator架構之資料緩存與監聽CuratorCache

方法數超了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電視機（機頂盒）初次開發的一些經驗分享