Android淑女剑之HorizontalScrollView之窈窕淑女

传送门 ☞ Android兵器谱 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229

淑女剑

        淑女当使淑女剑，可惜郭大小姐并不是什么淑女，于是杨过成了独臂大侠。机缘巧合，练就了黯然销魂掌和“单臂大回环”^_^。

        今天我们学习如何利用Android平台“淑女剑”HorizontalScrollView实现水平滚动浏览信息的功能，HorizontalScrollView使用起来非常简单，和ScrollView正好是一对“冤家”。下面给出该情景的案例：

一、案例技术要点

1.HorizontalScrollView控件中摆放一个LinearLayout。不能嵌套摆放其他支持滚动的控件。

2.设置LinearLayout按照水平方向布局

android:orientation="horizontal"

3.LinearLayout布局中所有控件的总宽度必须大于屏幕宽度。

二、案例代码陈列

工程包目录

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="cn.lynn.horizontalscrollview"    android:versionCode="1"    android:versionName="1.0" >    <uses-sdk        android:minSdkVersion="8"        android:targetSdkVersion="15" />    <application        android:icon="@drawable/ic_launcher"        android:label="@string/app_name">        <activity            android:name=".HorizontalScrollViewMainActivity"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application></manifest>

strings.xml

<resources>    <string name="app_name">Android水平滚动HorizontalScrollView</string></resources>

main.xml

<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:orientation="horizontal" >        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/item1" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/item2" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/item3" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/item4" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/item5" />    </LinearLayout></HorizontalScrollView>

HorizontalScrollViewMainActivity.java

package cn.lynn.horizontalscrollview;import cn.lynn.horizontalscrollview.R;import android.app.Activity;import android.os.Bundle;/** * HorizontalScrollView支持水平滚动，并且在HorizontalScrollView中只能放置一个控件，通常是一个LinearLayout。 * 另外，该LinearLayout必须采用水平布局。当LinearLayout中摆放的控件所占用的总宽度大于屏幕宽度时， * 就会在屏幕底端出现一个滚动条（视填充布局而定）。 * HorizontalScrollView案例：水平滚动浏览信息 * @author lynnli1229 */public class HorizontalScrollViewMainActivity extends Activity {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);    }}

三、案例效果展示