如何创建一个“脉冲”像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> 

为了做到尽善尽美，您可以添加边框每个图像，等等，等等。 但是，你应该从这个布局中得到想法。