將imageview與上面的文本視圖對齊

我想將我的imageview與上面的textview居中對齊，這裏是我正在獲取的圖像。將imageview與上面的文本視圖對齊

enter image description here

我需要的是這樣的一個相對佈局

<TextView 
    android:id="@+id/strength" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/hero_class" 
    android:textColor="#0095FF" 
    android:text="Strength" 
    android:textAppearance="?android:attr/textAppearanceMedium" /> 

<TextView 
    android:id="@+id/agility" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/hero_class" 
    android:layout_centerHorizontal="true" 
    android:text="Agility" 
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:textColor="#0095FF" /> 

<TextView 
    android:id="@+id/intl" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBaseline="@+id/agility" 
    android:layout_alignBottom="@+id/agility" 
    android:layout_alignParentRight="true" 
    android:text="Intelligence" 
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:textColor="#0095FF" /> 

<ImageView 
    android:id="@+id/img_int" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_alignTop="@+id/img_str" 
    android:src="@drawable/intelligence" /> 

<ImageView 
    android:id="@+id/img_agi" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignTop="@+id/img_int" 
    android:layout_centerHorizontal="true" 
    android:src="@drawable/agility" /> 

<ImageView 
    android:id="@+id/img_str" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/strength" 
    android:layout_alignParentLeft="true" 
    android:src="@drawable/strength" />

這是我做了什麼，但問題是，我可以有中間的ImageView中心保持一致，但左，右一個與最右邊對齊並且最左邊不在上面的文本視圖的中心

來源

2013-08-28 Mohsin Mushtaq

所以wat的問題？繼續...（我的意思是你嘗試過自己的東西？） – Mohit

你想要所有的東西在屏幕的中心？ – Mohit

在layout.xml您可以使用此爲每個文字+圖片：

<TextView ... 
    android:text="The Text" 
    android:drawableBottom="@drawable/icon1" />

你能重複一次到的LinearLayout與水平方向

來源

2013-08-28 06:28:59 JavaDM

，如果我需要在圖像下方再次添加文字，我也想對齊上面的這兩個文字 –

此解決方案僅適用於一個文本和一個圖像.. – JavaDM

您可以製作三個相對視圖，每個視圖都包含Textview和Imageview，其中一個位於另一個的下方父親相對視圖。最後把這三個放在一個外部的相對視圖中，按照你的喜好定位它們。

來源

2013-08-28 06:28:41 nette

您可以使用LinearLayout具有android:orientation="horizontal"父佈局。然後使用三個LinearLayout每個包含TextView和ImageView具有android:orientation="vertical"。

見下面代碼 -

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

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 
      <TextView 
      android:id="@+id/strength" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/hero_class" 
      android:textColor="#0095FF" 
      android:text="Strength" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 
     <ImageView 
      android:id="@+id/img_agi" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignTop="@+id/img_int" 
      android:layout_centerHorizontal="true" 
      android:src="@drawable/agility" /> 
     </LinearLayout> 
    <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 
    TextView ImageView 

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

    </LinearLayout> 
    </LinearLayout>

來源

2013-08-28 06:32:06

嘗試創建與orietation三個線性佈局垂直，每個線性佈局將包含的TextView和ImageView的重力中心

來源

2013-08-28 06:34:26 Pankaj

希望這有助於：

<?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" 
    android:background="@android:color/black" > 

<RelativeLayout 
    android:id="@+id/reltive1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" > 

    <TextView 
     android:id="@+id/text1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:text="TEXT VIEW" 
     android:textColor="@android:color/white" 
     android:textSize="20sp" 
     android:textStyle="bold" /> 

    <ImageView 
     android:id="@+id/img1" 
     android:layout_width="60dp" 
     android:layout_height="80dp" 
     android:layout_below="@id/text1" 
     android:layout_centerHorizontal="true" 
     android:background="@android:color/white" /> 
</RelativeLayout> 

<RelativeLayout 
    android:id="@+id/reltive1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" > 

    <TextView 
     android:id="@+id/text2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:text="TEXT VIEW" 
     android:textColor="@android:color/white" 
     android:textSize="20sp" 
     android:textStyle="bold" /> 

    <ImageView 
     android:id="@+id/img2" 
     android:layout_width="60dp" 
     android:layout_height="80dp" 
     android:layout_below="@id/text2" 
     android:layout_centerHorizontal="true" 
     android:background="@android:color/white" /> 
</RelativeLayout> 

<RelativeLayout 
    android:id="@+id/reltive1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" > 

    <TextView 
     android:id="@+id/text3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:text="TEXT VIEW" 
     android:textColor="@android:color/white" 
     android:textSize="20sp" 
     android:textStyle="bold" /> 

    <ImageView 
     android:id="@+id/img3" 
     android:layout_width="60dp" 
     android:layout_height="80dp" 
     android:layout_below="@id/text3" 
     android:layout_centerHorizontal="true" 
     android:background="@android:color/white" /> 
</RelativeLayout> 

</RelativeLayout>

來源

2013-08-28 06:48:32 Sathya

這是你想要的...

<LinearLayout 
    android:id="@+id/linear" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="TextView" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="TextView" /> 

    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="TextView" /> 
</LinearLayout> 

<LinearLayout 
    android:id="@+id/linear2" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 

    <ImageView 
     android:id="@+id/imgView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/ic_launcher" /> 

    <ImageView 
     android:id="@+id/imgView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/ic_launcher" /> 

    <ImageView 
     android:id="@+id/imgView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/ic_launcher" /> 
</LinearLayout>

來源

2013-08-28 06:57:24

檢查您的ImageView與此屬性集中在你的佈局：

android:layout_centerHorizontal="true"

爲了您的TextView，它需要對它的引用上面對齊並居中。所以你需要這個：

android:layout_alignParentEnd="@+id/imageView" 
android:layout_alignParentRight="@+id/imageView" 
android:layout_alignParentLeft="true" 
android:layout_alignParentStart="true" 
android:gravity="center"

創建GridView適配器和你完成。

來源

2014-09-25 13:23:14

將imageview與上面的文本視圖對齊

回答

相關問題