2011-03-22 19 views
5

me gustaría saber cómo puedo crear un pulso como aplicación en Android Aquí está una captura de pantalla: http://www.firstdroid.com/2010/11/17/top-android-app-pulse-news-reader/¿Cómo puedo crear un 'pulso' al igual que la interfaz de usuario para una aplicación Android

Una serie de cosas:

  1. Tiene un número de la Milla de los contenidos de la horizontal.
  2. Cada 'fila' tiene 'células de los contenidos.
  3. puedo 'aventura' a la izquierda y la derecha para ver el contenido horizontal.
  4. ya que llega al final del contenido horizontal, cargará automáticamente más contenido.

Gracias.

Respuesta

2

Conceptualmente esto es solo un ScrollView que contiene un montón de diseños Gallery usando un adaptador de desplazamiento infinito como cwac-endless. Creo que con un poco de trabajo probablemente puedas hacer que todos jueguen bien juntos.

0

tal vez se podría utilizar como un punto de vista de desplazamiento horizontal con un diseño personalizado para cada elemento y luego como carga lo que quiere allí? Realmente no sé solo lluvia de ideas. Parece que funcionaría con ese tipo de diseño.

1

acabo de tirar un poco de ejemplo rápido y sucio:

Aquí es su diseño 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> 

para que sea perfecto, se puede añadir frontera para cada imagen, etc, etc. Pero, debe obtener la idea de este diseño.

Cuestiones relacionadas