如何創建一個「脈衝」像UI的Android應用程序

Question

我想知道我怎麼可以創建一個脈衝像在Android 這裏的應用程序是截圖：

一些事情：

1. 它有一些'行的水平內容。
2. 每個'行'都有'單元格的內容。
3. 我可以「左右搖晃」來查看水平內容。
4. 當它到達水平內容的末尾時，它會自動加載更多內容。

謝謝。

Answer 1

從概念上講，這只是一個ScrollView，其中包含使用無限滾動適配器（如cwac-endless）的一堆Gallery佈局。我認爲，通過一些工作，你可以讓他們一起打好。

Answer 2

也許你可以像每個元素的自定義佈局一樣使用水平滾動視圖，然後像加載你想要的那樣？我真的不知道只是頭腦風暴。聽起來就像它會適用於這種類型的佈局。

Answer 3

我只是把一些快速和骯髒的例子：

這裏是你的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> 

爲了做到盡善盡美，您可以添加邊框每個圖像，等等，等等。 但是，你應該從這個佈局中得到想法。