我想知道如何在Android上创建类似Pulse的应用程序。以下是屏幕截图:
需要注意以下几点:
![http://www.firstdroid.com/2010/11/17/top-android-app-pulse-news-reader/](https://istack.dev59.com/inZUj.webp)
- 它有多个水平内容的“行”。
- 每个“行”都有“单元格”的内容。
- 我可以向左或向右“滑动”以查看水平内容。
- 当到达水平内容的末尾时,它会自动加载更多内容。
从概念上讲,这只是一个包含一堆Gallery
布局的ScrollView
,使用像cwac-endless
这样的无限滚动适配器。我认为稍加努力,你可能会使它们完美地协同工作。
我只是举了一些快速而简单的例子:
这是您的 XML 布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical">
<TextView android:text="News One" android:id="@+id/textView1" android:layout_height="wrap_content" android:layout_width="wrap_content"></TextView>
<HorizontalScrollView android:id="@+id/horizontalScrollView1"
android:layout_width="wrap_content" android:layout_height="wrap_content">
<LinearLayout android:id="@+id/linearLayout1"
android:orientation="horizontal" android:layout_height="wrap_content"
android:layout_width="wrap_content">
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView1"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView2"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView3"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView4"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView5"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView6"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:src="@drawable/image"
android:layout_width="wrap_content" android:id="@+id/imageView7"
android:layout_height="wrap_content"></ImageView>
</LinearLayout>
</HorizontalScrollView>
<TextView android:text="News Two" android:id="@+id/textView2" android:layout_height="wrap_content" android:layout_width="wrap_content"></TextView>
<HorizontalScrollView android:id="@+id/horizontalScrollView2"
android:layout_width="wrap_content" android:layout_height="wrap_content">
<LinearLayout android:id="@+id/linearLayout2"
android:orientation="horizontal" android:layout_height="wrap_content"
android:layout_width="wrap_content">
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView21"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView22"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView23"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView24"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView25"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:layout_width="wrap_content" android:id="@+id/imageView26"
android:layout_height="wrap_content" android:src="@drawable/image"></ImageView>
<ImageView android:src="@drawable/image"
android:layout_width="wrap_content" android:id="@+id/imageView27"
android:layout_height="wrap_content"></ImageView>
</LinearLayout>
</HorizontalScrollView>
</LinearLayout>