如何使用json中的viewflipper为图像和文本制作幻灯片

时间:2015-03-11 07:16:28

标签: android json viewflipper

// mainactivity.xml

<ViewFlipper 
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<RelativeLayout
    android:id="@+id/relativeLayout2"
    android:layout_width="match_parent"
    android:layout_height="279dp"
    android:layout_marginBottom="5dp"
    android:layout_marginTop="5dp"
    android:background="@android:color/background_light"
    android:gravity="center" >

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/imageView7"
        android:layout_marginLeft="14dp"
        android:layout_marginTop="14dp"
        android:text="Event Name" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView3"
        android:layout_below="@+id/textView3"
        android:text="Venue, Date"
        android:textSize="12sp" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView4"
        android:layout_below="@+id/textView4"
        android:text="Description"
        android:textSize="12sp" />

    <ImageView
        android:id="@+id/imageView7"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="14dp"
        android:src="@drawable/demo" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="5dp"
        android:text="Event of the Week" />

</RelativeLayout>
</ViewFlipper>

我想为上面的布局实现图片和文字的幻灯片放映。值来自我的服务器使用json。我该如何实现呢。我被困在这里。有没有人知道答案。

任何团体都有参考链接..

1 个答案:

答案 0 :(得分:1)

以下是您要遵循的基本流程。

<强> 1。下载JSON数据:您需要使用后台线程和HTTP客户端来执行此操作。也许AsyncTaskDefaultHttpClient

<强> 2。解析JSON数据:下载JSON后,您需要创建JSONObjects并将其解析为数据模型类以存储数据。您的模型类可能如下所示:

public class SlideshowImage {
    public String text;
    public String imageUrl;
} 

理想情况下,您最终会获得JSON中的List幻灯片图片。

第3。如果需要,存储数据(可选):如果要将这些模型类存储在也可以完成的数据库中。但是,如果您打算每次都加载此信息,则可能不需要它。

4使用&#39;幻灯片图片列表&#39;填充视图:最后,您可以访问SlideshowImage类,将数据加载到每个TextView和ImageView中。

SlideshowImage model = slideshowImageList.get(0);
textView1.setText(model.text);

您还需要下载imageUrls以获取Bitmap,以便设置ImageView。您应该参考this问题寻求帮助。