如何更正下面的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布局？

回答

相关问题