簡體   English   中英

視圖在Android vs iOS中的位置?

[英]Position Of Views in Android vs iOS?

我是Android開發的新手。 我一直在iOS工作。 和iOS一樣,當我們想在一個確切的位置放置xib上的VIEW時,我們只需將它放在那里,將它拖到那一點。

例如,在iOS的較低區域說兩個按鈕,如下所示 在此輸入圖像描述

因為,我只是希望他們在中間,我會把他們。 如下

在此輸入圖像描述

在Android環境中同樣的事情,我去尋找代碼,

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/db1_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/myAwesomeTextView"
        android:layout_width="wrap_content"
        android:layout_height="1dip"
        android:layout_centerInParent="true"
        android:text="Veer Suthar" />

    <TextView
        android:id="@+id/myAwesomeTextView1"
        android:layout_width="wrap_content"
        android:layout_height="100dip"
        android:layout_below="@id/myAwesomeTextView"
        android:layout_centerInParent="true" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/myAwesomeTextView1"
        android:gravity="center_vertical"
        android:orientation="vertical" >

        <Button
            android:id="@+id/button1"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:onClick="buttonPressed"
            android:text="Button One" />

        <Button
            android:id="@+id/button2"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:onClick="buttonPressed"
            android:text="Button Two" />
    </LinearLayout>

</RelativeLayout>

它顯示活動屏幕,如下所示

在此輸入圖像描述

現在如果我想拖動按鈕,使用GRAPHICAL LAYOUT ,我無法按照我的意願移動它們,並且為了將它們放入較低的區域,我需要添加額外的TextView

有沒有更好的方法來正確組織Android Activity GUI,比如iOS?

將其添加到LinearLayout

android:layout_alignParentBottom = "true"

RelativeLayout可以使用此處列出的xml標記“粘合”到相對於父布局的特定位置或相同布局中的其他元素: http//developer.android.com/reference/android/widget/RelativeLayout .LayoutParams.html

我將舉一個簡短的例子,因為Android圖形布局不如XCode那么流暢。

要完成您的需要,將兩個按鈕置於屏幕中心,您可以使用如下XML代碼:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

    <LinearLayout
        android:id="@+id/layout_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_centerInParent="true">

        <Button 
            android:id="@+id/button_one"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button One"/>

        <Button 
            android:id="@+id/button_two"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button Two"/>
     </LinearLayout>

</RelativeLayout>

訣竅是使用android:layout_centerInParent="true"作為您希望在屏幕中居中的唯一組件,所有其他組件可以使用該組件作為參考放置在屏幕中。

例如

<TextView
    android:id="@+id/myAwesomeTextView1"
    android:layout_width="wrap_content"
    android:layout_height="100dip"
    android:layout_above="@+id/layout_center"
    android:text="Veer Suthar"/>

這是實現這一目標的一種方式,您總能找到一種更好,更易於理解的方法。 希望這有幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM