在屏幕下半部分显示图像和用户信息

时间:2012-08-13 02:22:56

标签: java android android-ui

我正在研究android项目,我需要在其中绘制如下所示的UI。我需要将Android屏幕划分为两半。在上半部分我需要显示谷歌mps。在下半部分,我需要在任何人点击Google Maps后立即显示用户信息。上半部分完成,它为我工作。

问题陈述: -

我在为下半部分设计UI时遇到了麻烦。以下UI的main.xml file应该是什么。每当我点击markers on the Map时,都会在Android屏幕的下半部分显示information。下面是我在油漆上的设计  它包含一个图像和Android屏幕下半部分的用户信息。

enter image description here

这就是我目前的main.xml file,我需要将其修改为上图。

<?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" > 

    <com.google.android.maps.MapView 
        android:id="@+id/mapView" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:apiKey="0vAX8Xe9xjo5gkFNEEIH7KdHkNZNJWNnsjUPKkQ" 
        android:clickable="true" 
        android:enabled="true" /> 

    <TextView 
        android:id="@+id/textView" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="TextView" /> 

</LinearLayout> 

1 个答案:

答案 0 :(得分:2)

你可以试试这个:

<?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" > 

    <com.google.android.maps.MapView 
        android:id="@+id/mapView" 
        android:layout_width="fill_parent" 
        android:layout_height="0dp" 
        android:layout_weight="1" 
        android:apiKey="0vAX8Xe9xjo5gkFNEEIH7KdHkNZNJWNnsjUPKkQ" 
        android:clickable="true" 
        android:state_enabled="true" /> 

    <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android" 
        android:layout_width="fill_parent" 
        android:layout_height="0dp"
        android:layout_weight="1"
        android:baselineAligned="false" 
        android:orientation="horizontal">

        <LinearLayout 
            xmlns:android="http://schemas.android.com/apk/res/android" 
            android:layout_width="0dp" 
            android:layout_height="fill_parent"
            android:layout_weight="0.7" 
            android:orientation="vertical">

            <ImageView 
                android:src="@drawable/icon"
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginTop="45dp"
            />

     </LinearLayout>

     <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android" 
        android:layout_width="0dp" 
        android:layout_height="fill_parent"
        android:layout_weight="1" 
        android:orientation="vertical">

       <TextView 
            android:id="@+id/textView1" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"                
            android:layout_marginTop="45dp"          
            android:text="Name:" />

       <TextView 
            android:id="@+id/textView2" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"                 
            android:text="Gender:" />  

       <TextView 
            android:id="@+id/textView3" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"                 
            android:text="Distance:" />        

       <TextView 
            android:id="@+id/textView4" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"                 
            android:text="Latitude:" />

       <TextView 
            android:id="@+id/textView5" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"                 
            android:text="Longitude:" /> 
    </LinearLayout> 

  </LinearLayout>

</LinearLayout> 

enter image description here

希望这就是你要找的东西。