Question

我希望我的Android版本看起来像我正在制作的应用程序的iOS版本（或者至少是具有最佳实践的Android版本）。

我如何编码屏幕外观：

当前的外观：

我用于列表视图的代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.leoconnelly.connexus.HealthCenterListActivity">

<ListView
    android:id="@+id/hospitals_list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="8dp"
    />
    </RelativeLayout>

有一个适配器，看起来像：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">




<RelativeLayout
    android:id="@+id/health_center_text_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:orientation="vertical"
    android:background="#D53D96"
    >


    <ImageView
        android:id="@+id/health_center_list_image"
        android:layout_width="90dp"
        android:layout_height="140dp"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="false"
        android:scaleType="fitCenter"

        app:srcCompat="@mipmap/ic_launcher" />


    <TextView
        android:id="@+id/health_center_list_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="25dp"
        android:layout_toEndOf="@id/health_center_list_image"
        android:text="@string/nameOfCenter"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="25sp" />

    <TextView
        android:id="@+id/neighborhood"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxLines="3"
        android:layout_marginStart="10dp"

        android:text="Neighborhood"
        android:layout_below="@id/health_center_list_title"
        android:layout_toEndOf="@id/health_center_list_image"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />


 </RelativeLayout>

 </RelativeLayout>

着陆页看起来像

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">


<TextView
    android:id="@+id/Address"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_above="@+id/GetDirections"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="20dp"
    android:text="Address" />


<Button
    android:id="@+id/GetDirections"
    android:layout_width="match_parent"
    android:layout_height="50.5dp"
    android:layout_above="@+id/Call"
    android:layout_centerHorizontal="true"
    android:padding="0dp"
    android:text="Get Directions" />


<Button
    android:id="@+id/Call"
    android:layout_width="match_parent"
    android:layout_height="40.5dp"
    android:layout_above="@+id/VisitWebsite"
    android:layout_alignParentStart="true"
    android:padding="0dp"
    android:text="Call" />


<Button
    android:id="@+id/VisitWebsite"
    android:layout_width="match_parent"
    android:padding="0dp"
    android:layout_height="40.5dp"
    android:layout_above="@+id/MoreInfo"
    android:layout_alignParentStart="true"
    android:text="Visit Website" />

<Button
    android:id="@+id/MoreInfo"
    android:layout_width="match_parent"
    android:padding="0dp"
    android:layout_height="40.5dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true"
    android:text="More Info"
    />

<com.google.android.gms.maps.MapView
    android:id="@+id/mapView"
    android:layout_width="match_parent"
    android:layout_height="330dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true" />

`

如果有人对如何最好地修改我现有的屏幕有任何建议，我将不胜感激。

如何使我的Android应用程序屏幕看起来像我的iOS版本？

0 个答案: