2015-06-04 4 views
2

Ниже приведены изображения, которые я должен реализовать в моем проекте: this image at the topКак выровнять изогнутые изображения в макете xml? Можно ли выровнять программно в java?

this image at the left

this image is at the bottom

и, наконец, он должен выглядеть следующим образом: it should look like this with equal gap with each of the images with textview inside it

Помощь будет похвально и thankx заранее.

+2

Я могу предположить, что вы играете с 'RelativeLayout' и' marginins/padding', поскольку вам нужно добавить изображения друг к другу. – hrskrs

+3

Почему вы не используете все это как одно изображение с прозрачностью? –

+0

@hrskrs Я играл с ним, но его не пришло по желанию –

ответ

0

Вы можете играть с RelativeLayout и margins/padding, как вам нужно добавить images друг над другими. Здесь я приведу вам пример с вашими собственными изображениями:

(обратите внимание, что я добавил width/height вручную и не позаботил о naming, как это только для целей тестирования для предоставления вам подсказки о том, как достичь этого Следовательно, если вы играете. с height/width из imageViews, вы должны играть с их margins/padding тоже)

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:gravity="center" 
    android:layout_height="match_parent"> 

    <ImageView 
     android:layout_marginLeft="85dp" 
     android:layout_width="170dp" 
     android:layout_height="170dp" 
     android:src="@drawable/tt" 
     /> 

    <ImageView 
     android:layout_marginTop="70dp" 
     android:layout_width="170dp" 
     android:layout_height="170dp" 
     android:src="@drawable/ll"/> 

    <ImageView 
     android:layout_marginTop="100dp" 
     android:layout_marginLeft="90dp" 
     android:layout_width="170dp" 
     android:layout_height="170dp" 
     android:src="@drawable/rr"/> 

    <TextView 
     android:gravity="center" 
     android:layout_marginTop="130dp" 
     android:layout_marginLeft="100dp" 
     android:layout_width="100dp" 
     android:layout_height="wrap_content" 
     android:text="This is just a text"/> 

</RelativeLayout> 

Где:

  • tt является у.е. RVE сверху
  • rr является кривой на правой
  • ll является кривая на левой

И вот результат:

enter image description here

+0

Спасибо за ваши усилия, но это «Не сделано так, как я уже сделал таким образом ......... точный разрыв должен поддерживаться между ImageView с TextView внутри ..... –

+0

@sid_dude, поскольку я сказал, что это всего лишь цель тестирования чтобы показать вам, как добиться того, чего вы хотите. Я также «выложил текст в середине для вас (см. Отредактированный ответ)». Если вы хотите что-то более подробное, вы упомянули об этом в вопросе.Что бы вы ни попросили здесь. Вы также можете дать точные промежутки внутри них, но мы здесь, чтобы руководствоваться, а не решать то, о чем вы даже не пробовали. Всегда проверяйте отредактированный ответ для руководства о том, как это сделать. – hrskrs

+0

Я определенно перепроверял его брата ..... но правильная кривая и левая кривая не поддерживают равный промежуток ..... я очень стараюсь ... Можете ли вы, пожалуйста, немного попробовать? принимая 170dp кривой размер ...... предприятие в надежде, что вы можете помочь мне ..... thankxxx заранее, брат ... –

0

Надеюсь, что это поможет. Извините за плохое именование.,

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" > 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_margin="20dp" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_centerInParent="true" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:id="@+id/dummy" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="horizontal" 
      android:visibility="invisible" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1.1" 
      android:orientation="horizontal" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1.1" 
       android:background="@drawable/a" 
       android:orientation="vertical" 
       android:visibility="visible" > 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/dummy2" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="2" 
       android:background="@drawable/a" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/dummy3" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/dummy1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="horizontal" 
      android:visibility="invisible" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" > 
      </LinearLayout> 
     </LinearLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_centerInParent="true" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:id="@+id/LinearLayout01" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_marginTop="50dp" 
      android:layout_weight="1" 
      android:orientation="horizontal" 
      android:visibility="visible" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1.8" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="visible" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1.8" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1.8" 
      android:orientation="horizontal" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/LinearLayout04" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/LinearLayout02" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/LinearLayout03" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="horizontal" 
      android:visibility="invisible" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" > 
      </LinearLayout> 
     </LinearLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_centerInParent="true" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:id="@+id/LinearLayout1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="horizontal" 
      android:visibility="visible" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="2.5" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="2.5" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1.05" 
      android:orientation="horizontal" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/a" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/LinearLayou" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="2" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/LinearL" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_marginRight="10dp" 
       android:layout_weight="1" 
       android:background="@drawable/d" 
       android:orientation="vertical" 
       android:visibility="visible" > 

      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/Linea" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="horizontal" 
      android:visibility="visible" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/d" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@drawable/c" 
       android:orientation="vertical" 
       android:visibility="invisible" > 
      </LinearLayout> 
     </LinearLayout> 
    </LinearLayout> 
</RelativeLayout> 

</LinearLayout> 
+0

Thankxx для ваших усилий, но это не то, что я действительно хочу .... –

Смежные вопросы