0

我正在尝试设计一个页面,我面临三个问题。

一个问题是设计如下图 在此处输入图像描述

此处,顶部的汉堡图像(来自 url)必须具有相等的边距空间以及放置在其上的圆形图像,并在其上随机更改文本。下面是灰色背景的确定和取消按钮,中间有一个红色图标。红色图标的一小部分必须放在上面的图像上,下面有 2 个编辑文本和文本视图

第二个问题是我的应用程序栏中有一个按钮,单击它时必须清除汉堡图像视图,我必须在其中显示地图。在这种情况下,红色图标必须保留在地图上一小部分的位置。

我不确定 imageView 的高度和宽度,但必须在图像的位置准确替换地图

第三个问题是我想设计这个没有滚动视图的页面,视图必须在屏幕内,因为如果我们要使用框架布局,它不接受滚动视图内

到目前为止,我已经尝试了以下

<LinearLayout
             android:id="@+id/rrds_layout"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:layout_margin="5dp"
             android:background="@color/burgerimg" >
                <RelativeLayout
                    android:id="@+id/rrds_round_points"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@drawable/rounded_bg" >
                    <TextView
                        android:id="@+id/textView1"
                        android:layout_centerInParent="true"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Free"
                        android:textColor="#000000"
                        android:textAppearance="?android:attr/textAppearanceMedium" />
                </RelativeLayout>
        </LinearLayout>

我不知道如何在图像上添加一点红色图标和按钮

如何设计这个页面......

正如Vikram Bodicherla解释的那样,我设计如下

<FrameLayout>
     <ViewSwitcher>
          <TextView></TextView>
          <MapView></MapView>
     </ViewSwitcher>

       <RelativeLayout
             android:id="@+id/rrds_merge_layout2"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom">

              <ImageView
                    android:contentDescription="@string/app_name"
                    android:id="@+id/merge_bg_img"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@drawable/title_bg" 
                    android:layout_centerInParent="true"/>

              <TextView
                    android:id="@+id/merge_view_pro_txt"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="OK"
                    android:layout_centerInParent="true"
                    android:clickable="true"
                    android:textAppearance="?android:attr/textAppearanceMedium" 
                    android:layout_toLeftOf="@+id/merge_center_img"
                    android:layout_centerVertical="true"/>

              <ImageView
                    android:contentDescription="@string/app_name"
                    android:id="@+id/merge_center_img"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:background="@drawable/red_icon" />

               <TextView
                    android:id="@+id/merge_view_cash_txt"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:clickable="true"
                    android:text="@string/mrg_cash"
                    android:textAppearance="?android:attr/textAppearanceMedium" 
                    android:layout_toRightOf="@+id/merge_center_img"
                    android:layout_centerVertical="true"/>
         </RelativeLayout>
</FrameLayout>

但是同样的问题依然存在......

4

1 回答 1

1

分别设计顶部和底部。

在顶部,有一个在 MapView 和 ImageView 之间交换的 FrameLayout/ViewSwitcher。至于圆形图像,创建一个中间有一个白色圆形的图像,其他一切都是透明的。将此设置为 TextView 的背景并编写您的文本。

第二部分的设计将相当简单。

如果您需要特定问题的代码,请告诉我。

于 2012-05-30T07:54:46.117 回答