[源码下载]


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



作者:webabcd


介绍
在 Android 中使用各种控件(View)

  • ZoomControls -放大/缩小按钮控件
  • Include -整合控件
  • VideoView -视频播放控件
  • WebView -浏览器控件
  • RatingBar -评分控件
  • Tab -选项卡控件
  • Spinner -下拉框控件
  • Chronometer -计时器控件
  • ScrollView -滚动条控件



1、ZoomControls 的 Demo
zoomcontrols.xml

代码

<? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.zoomcontrols);

setTitle(
" ZoomControls " );

ZoomControlszoomControls
= (ZoomControls) this .findViewById(R.id.zoomControls);
// setOnZoomInClickListener()-响应单击放大按钮的事件
zoomControls.setOnZoomInClickListener( new OnClickListener(){
public void onClick(Viewv){
Toast.makeText(_ZoomControls.
this , " 单击了放大按钮 " ,Toast.LENGTH_SHORT).show();
}
});

// setOnZoomOutClickListener()-响应单击缩小按钮的事件
zoomControls.setOnZoomOutClickListener( new OnClickListener(){
public void onClick(Viewv){
Toast.makeText(_ZoomControls.
this , " 单击了缩小按钮 " ,Toast.LENGTH_SHORT).show();
}
});

}
}



2、Include 的 Demo
include.xml

代码

<? xmlversion="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" >

<!--
include-整合控件,将指定的layout整合进来
layout-指定需要整合layout
-->
< include android:id ="@+id/cell1" layout ="@layout/include_1" />
< include android:id ="@+id/cell2" android:layout_width ="fill_parent" layout ="@layout/include_2" />

</ LinearLayout >


include_1.xml

代码

<? xmlversion="1.0"encoding="utf-8" ?>
< 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

代码

<? xmlversion="1.0"encoding="utf-8" ?>
< TextView xmlns:android ="http://schemas.android.com/apk/res/android"
android:text
="TextView02" android:layout_width ="wrap_content"
android:layout_height
="wrap_content" >
</ TextView >


_Include.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;

public class _Include extends Activity{

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.include);

setTitle(
" Include " );
}
}



3、VideoView 的 Demo
videoview.xml

代码

<? xmlversion="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" >

<!--
VideoView-视频播放控件
-->
< VideoView android:id ="@+id/videoView" android:layout_width ="wrap_content"
android:layout_height
="wrap_content" >
</ VideoView >

</ LinearLayout >


_VideoView.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.net.Uri;
import android.os.Bundle;
import android.widget.MediaController;
import android.widget.VideoView;

public class _VideoView extends Activity{

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.videoview);

setTitle(
" VideoView " );

VideoViewvideoView
= (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

代码

<? xmlversion="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" >

<!--
WebView-浏览器控件(WebKit内核)
-->
< WebView android:layout_width ="fill_parent"
android:layout_height
="wrap_content" android:id ="@+id/webView" />

</ LinearLayout >


_WebView.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class _WebView extends Activity{

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.webview);

setTitle(
" WebView " );

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

// 配置浏览器,使其可支持JavaScript
WebSettingswebSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(
true );

// 清除浏览器缓存
webView.clearCache( true );
// 指定浏览器需要解析的url地址
webView.loadUrl( " http://webabcd.cnblogs.com/ " );
// 指定浏览器需要解析的html数据
// webView.loadData("<ahref=' http://webabcd.cnblogs.com/ '>webabcd</a>","text/html","utf-8");
}
}



5、RatingBar 的 Demo
ratingbar.xml

代码

<? xmlversion="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" >

<!--
RatingBar-评分控件
numStars-评分控件的星星的数量
rating-当前评分的值
-->
< RatingBar android:id ="@+id/ratingBar" android:numStars ="5"
android:rating
="1.5" android:layout_width ="wrap_content"
android:layout_height
="wrap_content" >
</ RatingBar >

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

</ LinearLayout >


_RatingBar.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RatingBar;
import android.widget.TextView;

public class _RatingBar extends Activity implements RatingBar.OnRatingBarChangeListener{

private RatingBarmRatingBar;
private TextViewmTextView;

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.ratingbar);

setTitle(
" RatingBar " );

mTextView
= (TextView)findViewById(R.id.textView);
mRatingBar
= (RatingBar)findViewById(R.id.ratingBar);

// setOnRatingBarChangeListener()-响应评分值发生改变的事件
mRatingBar.setOnRatingBarChangeListener( this );
}

@Override
public void onRatingChanged(RatingBarratingBar, float rating,
boolean fromUser){
mTextView.setText(String.valueOf(rating));
}
}



6、Tab 的 Demo
tab.xml

代码

<? xmlversion="1.0"encoding="utf-8" ?>
< FrameLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width
="fill_parent" android:layout_height ="fill_parent" >

<!-- Tab1的内容  -->
< TextView android:id ="@+id/view1" android:layout_width ="fill_parent"
android:layout_height
="fill_parent" android:text ="tab1content" />

<!-- Tab2的内容 -->
< TextView android:id ="@+id/view2" android:layout_width ="fill_parent"
android:layout_height
="fill_parent" android:text ="tab2content" />

</ FrameLayout >


_Tab.java

代码

package com.webabcd.view;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;

// 实现Tab功能的话要继承TabActivity
public class _Tab extends TabActivity{

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);

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

// Tab1的内容
tabHost.addTab(tabHost.newTabSpec( " tab1 " )
.setIndicator(
" tab1 " )
.setContent(R.id.view1));

// Tab2的内容(设置了Tab图片)
tabHost.addTab(tabHost.newTabSpec( " tab2 " )
.setIndicator(
" tab2 " ,getResources().getDrawable(R.drawable.icon01))
.setContent(R.id.view2));

// Tab3的内容(设置Tab的内容为指定的Activity)
tabHost.addTab(tabHost.newTabSpec( " tab3 " )
.setIndicator(
" tab3 " )
.setContent(
new Intent( this ,_TextView. class )));

}
}



7、Spinner 的 Demo
spinner.xml

代码

<? xmlversion="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:layout_width ="fill_parent"
android:layout_height
="wrap_content" android:id ="@+id/textView" />

<!--
Spinner-下拉框控件
-->
< Spinner android:id ="@+id/spinner" android:layout_width ="fill_parent"
android:layout_height
="wrap_content" />

</ LinearLayout >


_Spinner.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

public class _Spinner extends Activity{

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.spinner);

setTitle(
" Spinner " );

Spinnerspinner
= (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,Viewarg1,
int arg2, long arg3){
TextViewtextView
= (TextView)_Spinner. this .findViewById(R.id.textView);
textView.setText(((TextView)arg1).getText());
}

@Override
public void onNothingSelected(AdapterView <?> arg0){

}
});
}
}



8、Chronometer 的 Demo
chronometer.xml

代码

<? xmlversion="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" >

<!--
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 ="开始计时" >
< requestFocus />
</ Button >

< Button android:id ="@+id/btnStop" android:layout_width ="wrap_content"
android:layout_height
="wrap_content" android:text ="停止计时" >
</ Button >

< Button android:id ="@+id/btnReset" android:layout_width ="wrap_content"
android:layout_height
="wrap_content" android:text ="计时器复位" >
</ Button >

</ LinearLayout >


_Chronometer.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Chronometer;

public class _Chronometer extends Activity{

private ChronometermChronometer;

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.chronometer);

setTitle(
" Chronometer " );

Buttonbutton;

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.OnClickListenermStartListener
= new OnClickListener(){
public void onClick(Viewv){
// 启动计时器
mChronometer.start();
}
};

View.OnClickListenermStopListener
= new OnClickListener(){
public void onClick(Viewv){
// 暂停计时器
mChronometer.stop();
}
};

View.OnClickListenermResetListener
= new OnClickListener(){
public void onClick(Viewv){
// 复位计时器,即停止计时器
mChronometer.setBase(SystemClock.elapsedRealtime());
}
};
}



9、ScrollView 的 Demo
scrollview.xml

代码

<? xmlversion="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" >

<!--
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 >

</ LinearLayout >


_ScrollView.java

代码

package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class _ScrollView extends Activity{

@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.scrollview);

setTitle(
" ScrollView " );

TextViewtextView
= (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 " );
}
}



OK
[源码下载]

原文:http://www.cnblogs.com/webabcd/archive/2010/01/26/1656414.html

更多相关文章

  1. android EditText设置不可写
  2. 三、安卓UI学习(1)
  3. android 使用html5作布局文件: webview跟javascript交互
  4. android studio调试c/c++代码
  5. android用户界面之按钮(Button)教程实例汇
  6. IM-A820L限制GSM,WCDMA上网的原理(其他泛泰机型可参考)7.13
  7. 锁屏界面
  8. android(NDK+JNI)---Eclipse+CDT+gdb调试android ndk程序
  9. 在Fragment中设置控件点击方法,执行失败。

随机推荐

  1. 使用用XML和XSL生成动态页面的代码详解
  2. 详解xmlhttp组件获取远程文件并筛选出目
  3. xml的解析方式的代码分享
  4. XML Schema全接触的图文代码详解
  5. XMLHTTP获取web访问头信息和网页的示例代
  6. xml文件如何编辑的详情介绍
  7. 详细介绍同时使用xml、schema和xslt的实
  8. XML Schema的简单介绍
  9. 详解XML的数据交换的示例代码
  10. XML Spy实例代码详解(图)