如何创建模仿Living Social UI的Android UI？

Question

我是Android UI设计的新手。 我正在尝试模仿以下Living Social屏幕截图的UI设计：

在这里构造UI元素的最佳方法是什么？ 如何用XML实现呢？ 我正在尝试使用Android Eclipse UI编辑器拖放UI元素，但似乎需要对UI进行动态编程。 解决此类问题的推荐方法是什么？

到目前为止，我有以下内容：

<LinearLayout 
    android:id="@+id/LinearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin">

    <ScrollView
        android:id="@+id/scrollView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" 
            >
            <ImageView
                android:id="@+id/imageViewBackground"
                android:layout_width="fill_parent"
                android:layout_height="match_parent"
                android:layout_gravity="fill"
                android:scaleType="fitXY"
                android:src="@android:drawable/dialog_holo_dark_frame" />
            <View
                android:id="@+id/view1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
            <View
                android:id="@+id/view2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
            <View
                android:id="@+id/view3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>
    </ScrollView>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:backgroundTint="@color/abc_search_url_text_normal"
        android:gravity="bottom|end"
        android:orientation="vertical" >

        <Button
            android:id="@+id/buttonBUY"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="BUY!" />
    </LinearLayout>
</LinearLayout>

问题：

1. 我正在使用父级LinearLayout。 在此内部，顶部有ScrollView，底部有LinearLayout。 底部的LinearLayout具有用于“立即购买”按钮的子按钮。 这是正确的父布局方案吗？
2. ScrollView内部是一个ImageView，它与ScrollView的顶部对齐。 然后，在滚动视图内部是X个白色框。 如何将内部白框视图稍微放在ImageView的顶部？ 我需要以编程方式执行此操作吗？
3. 创建内部白盒视图的推荐方法是什么？ 我是否需要为每个文件创建一个单独的.xml视图文件？ 还是建议为每个白盒使用一个片段？ 还是我需要为每个白盒实现自定义视图类？

谢谢

Answer 1

可能您需要在线性布局控件中使用视差效果和CardView控件 。 为了添加底部按钮，您可以使用相对布局。 至于视差，请看以下线程： 如何制作新的PlayStore视差效果