如何更正下面的xml佈局？

我一直在這個佈局很長一段時間，但我不能達到我真正想要的。如何更正下面的xml佈局？

這是我的佈局：

我曾嘗試是：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
xmlns:card_view="http://schemas.android.com/tools" 
android:orientation="vertical"> 

<android.support.v7.widget.CardView 
    android:id="@+id/card_view" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:elevation="20dp" 
    app:cardCornerRadius="5dp" 
    app:cardUseCompatPadding="true" 
    card_view:cardCornerRadius="4dp"> 

    <RelativeLayout 

     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:padding="10dp"> 

     <TextView 
      android:id="@+id/txt_competition" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:layout_marginTop="10dp" 
      android:textColor="#000000" 
      android:textSize="16sp" /> 

     <TextView 

      android:id="@+id/txt_time" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:layout_below="@+id/txt_competition" 
      android:layout_marginBottom="15dp" 
      android:text="" 
      android:textColor="#666666" 
      android:textSize="12sp" /> 

     <TextView 

      android:id="@+id/txt_stadium" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:layout_below="@+id/txt_time" 
      android:text="" 
      android:textColor="#666666" 
      android:textSize="12sp" /> 

     <ImageView 
      android:id="@+id/image_team1" 
      android:layout_width="wrap_content" 
      android:layout_height="50dp" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:layout_below="@+id/txt_stadium" 
      android:layout_centerVertical="true" /> 

     <TextView 
      android:id="@+id/name_team1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="العهد" 
      android:textSize="14dp" 
      android:layout_below="@+id/image_team1" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" /> 

     <ImageView 
      android:id="@+id/image_team2" 
      android:layout_width="wrap_content" 
      android:layout_height="50dp" 
      android:layout_alignParentEnd="true" 
      android:layout_alignParentRight="true" 
      android:layout_below="@+id/txt_stadium" 
      android:layout_centerVertical="true" /> 

     <TextView 
      android:id="@+id/name_team2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_above="@+id/view1" 
      android:layout_alignParentRight="true" 
      android:layout_marginEnd="12dp" 
      android:layout_marginLeft="12dp" 
      android:layout_marginRight="12dp" 
      android:layout_marginStart="12dp" 
      android:textSize="14dp" /> 

     <TextView 
      android:id="@+id/versus" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/txt_time" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:text="-" 
      android:textSize="25dp" /> 

     <TextView 
      android:id="@+id/final_time" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/versus" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="20dp" 
      android:textColor="@android:color/darker_gray" 
      android:textSize="15dp" /> 

     <TextView 
      android:id="@+id/point_team1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:layout_marginRight="5dp" 
      android:layout_toLeftOf="@+id/versus" 
      android:text="\?" 
      android:textSize="25dp" /> 

     <TextView 
      android:id="@+id/point_team2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:layout_marginLeft="5dp" 
      android:layout_toRightOf="@+id/versus" 
      android:text="\?" 
      android:textSize="25dp" /> 

     <View 
      android:id="@+id/view1" 
      android:layout_width="match_parent" 
      android:layout_height="2dp" 
      android:layout_below="@+id/name_team1" 
      android:layout_marginTop="10dp" 
      android:background="?android:attr/listDivider" /> 

     <TextView 
      android:id="@+id/livetext" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_below="@+id/view1" 
      android:layout_marginTop="10dp" 
      android:textColor="@android:color/holo_red_light" 
      android:textSize="20dp" /> 


    </RelativeLayout> 
</android.support.v7.widget.CardView>

如何直接在圖片下中間設置圖像的名字嗎？
如何讓所有文字大小適合所有屏幕？因爲標籤佈局文本在另一個屏幕上正在大大小小地變化。

來源

2017-04-10 Mahdi Hraybi

在LinearView（垂直）把圖像和圖像名和對準兩者來作爲中心。如果你使用SP爲單位

<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="left"> 

    <ImageView 
     android:id="@+id/image_team1" 
     android:layout_width="50dp" 
     android:layout_height="50dp" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_below="@+id/txt_stadium" 
     android:layout_centerVertical="true" 
     android:background="@mipmap/ic_launcher"/> 

    <TextView 
     android:id="@+id/name_team1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="العهد" 
     android:textSize="14dp" 
     android:layout_below="@+id/image_team1" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_gravity="fill_horizontal" 
     android:textAlignment="center"/> 

</LinearLayout> 

<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    > 

    <ImageView 
     android:id="@+id/image_team2" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentRight="true" 
     android:layout_below="@+id/txt_stadium" 
     android:layout_centerVertical="true" 
     android:background="@mipmap/ic_launcher"/> 

    <TextView 
     android:id="@+id/name_team2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/view1" 
     android:layout_alignParentRight="true" 
     android:layout_marginEnd="12dp" 
     android:layout_marginLeft="12dp" 
     android:layout_marginRight="12dp" 
     android:layout_marginStart="12dp" 
     android:textSize="14dp" 
     android:textAlignment="center" 
     android:text="العهد"/> 
</LinearLayout>

字體大小不會因爲屏幕的改變而改變。嘗試使用滾動型與TableLayout

來源

2017-04-10 20:15:41

請如果你不介意u能告訴我一些XML更新的問題的答案？ –

好的等着你 –

非常感謝艾哈邁德它的作品！如果你不介意的話，還有更多的問題。我希望圖片上方的所有文字都在屏幕右側，因爲它是阿拉伯語的應用程序，所以我不想在左側的圖片上方顯示任何文字視圖..我希望它們都在右側 –

這裏是在評論

<TextView 
    android:id="@+id/txt_competition" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_marginTop="10dp" 
    android:textColor="#000000" 
    android:textSize="16sp" 
    android:textAlignment="textStart" 
    android:text="العهد"/> 

<TextView 

    android:id="@+id/txt_time" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/txt_competition" 
    android:layout_marginBottom="15dp" 
    android:text="العهد" 
    android:textColor="#666666" 
    android:textSize="12sp" 
    android:textAlignment="textStart"/> 

<TextView 

    android:id="@+id/txt_stadium" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/txt_time" 
    android:text="العهد" 
    android:textColor="#666666" 
    android:textSize="12sp" 
    android:textAlignment="textStart"/>

來源

2017-04-10 21:23:44

也謝謝這個腳本完美的工作！但我想知道如何在視圖（_____）下顯示用足球圖標打進球門的球員。我應該使用listview或什麼 –

對不起，我不明白你想要做什麼。 –

我想問你是否可以通過你的電子郵件或你的Facebook帳戶，所以我們可以討論一些代碼 –

如何更正下面的xml佈局？

回答

相關問題