2016-12-15 2 views
1

enter image description hereДобавить несколько изображений в текстовом поле

Я хочу сделать что-то вроде изображения выше, но я не смог достичь!

add_expenses

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

    <TextView 
     android:layout_width="320dp" 
     android:layout_height="50dp" 
     android:layout_marginTop="20dp" 
     android:text="Receipt" 
     android:drawableTint="@color/blue" 
     android:drawablePadding="15dp" 
     android:paddingTop="18dp" 
     android:paddingLeft="15dp" 
     android:drawableLeft="@drawable/receipt" 
     android:drawableRight="@drawable/arrow" 
     android:layout_marginLeft="10dp" 
     android:textSize="23sp" 
     android:textColor="@color/black" 
     android:id="@+id/NoData" 
     android:background="@drawable/roundedcorner_textview" /> 

</RelativeLayout> 

roundedcorner_textview

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <stroke 
     android:width="3dp" 
     android:color="@color/light_purple"/> 
    <corners android:radius="3dp"/> 

</shape> 

Мой Выходные

enter image description here

  1. Как увеличить изображение?
  2. Я хочу, чтобы цвет стрелки был черным, а не синим.

Каков наилучший подход для достижения этого?

+0

использование рисует черные изображения с прокладкой в ​​it.And снимите paddingTop атрибут – Vishwa

+0

Пожалуйста, проверьте размер изображения. углы изображения должны быть равномерно распределены. Кроме того, пожалуйста, попробуйте также текстовый центр Gavity. может быть, это может решить вашу проблему. и удалите верхнюю часть в текстовом виде – Nivedh

ответ

1
----------------- add_expenses.xml ------------------- 

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

    <LinearLayout 
     android:layout_width="320dp" 
     android:layout_height="50dp" 
     android:background="@drawable/rounded_corner_textview" 
     android:layout_gravity="center_vertical"> 



     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:textColor="@android:color/black" 
      android:textSize="38sp" 
      android:text="Receipt" 
      android:drawableLeft="@drawable/recepit" 
      android:drawableRight="@drawable/forward_arrow" 
      android:drawablePadding="10dp" /> 

    </LinearLayout> 

</LinearLayout> 

---------------- rounded_corner_textview.xml ------------------ 

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <stroke 
     android:width="3dp" 
     android:color="@android:color/black"/> 
    <corners android:radius="3dp"/> 

</shape> 

------------------ forward_arrow.xml -------------------------- 

<bitmap xmlns:android="http://schemas.android.com/apk/res/android" 
    android:src="@drawable/forward_arrow" 
    android:tint="@android:color/black" 
    /> 

------------------recepit.xml-------------------------- 

<bitmap xmlns:android="http://schemas.android.com/apk/res/android" 
    android:src="@drawable/recepit" 
    android:tint="@color/blue" 
    /> 
-1

1.Как увеличить изображение?

Ans. если вы хотите увеличить размер изображения, увеличьте высоту текста или используйте свойство гравитации, чтобы центрировать вы оба изображения в нем.

2.Я хочу, чтобы цвет стрелки был черным, а не синим.

Ans. если вам нужна черная арра вместо синего, замените это синее изображение с черным изображением черной стрелки.

1

Попробуйте добавить этот код

<LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="40dp" 
       android:orientation="horizontal" 
       android:background="@drawable/roundedcorner_textview" 
       android:weightSum="1"> 

       <ImageView 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:layout_weight="0.9" 
        android:scaleType="centerInside" 
        android:tint="@color/colorPrimary" 
        android:src="@drawable/ic_receipt_white" /> 

       <LinearLayout 
        android:id="@+id/li_about" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:layout_weight="0.1" 
        android:orientation="horizontal" 
        android:paddingLeft="@dimen/activity_vertical_margin" 
        android:paddingTop="5dp" 
        android:weightSum="1"> 

        <TextView 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" 
         android:layout_weight="0.1" 
         android:text="Receipt" 
         android:textSize="17sp" /> 

        <ImageView 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" 
         android:layout_weight="0.9" 
         android:src="@drawable/forwardbutton" 
         /> 
       </LinearLayout> 
      </LinearLayout> 
0
<!-- You Can This View Achieve like this --> 

    <?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:orientation="vertical" 
     > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/roundedcorner_textview" 
      > 
     <TextView 
      android:id="@+id/NoData" 
      android:layout_width="320dp" 
      android:layout_height="50dp" 
      android:gravity="center_vertical" 
      android:layout_marginLeft="10dp" 
      android:drawablePadding="15dp" 
      android:drawableLeft="@drawable/receipt" 
      android:drawableRight="@drawable/arrow" 
      android:drawableTint="@color/blue" 
      android:text="Receipt" 
      android:textColor="@color/black" 
      android:textSize="23sp" 
      /> 
     </LinearLayout> 
    </RelativeLayout> 
0

Почему TextView?

использование ImageView

первый удержать основание RelativeLayout, чтобы закругленный угол TextView

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


    <ImageView 

     //set its src to blue page image 
     /> 
<TextView 

    android:textSize="23sp" 
    android:textColor="@color/black" 
    android:id="@+id/NoData" 
    android:background="@drawable/roundedcorner_textview" 

     //keep this to right of above image view 
     /> 

<ImageView 

     //set its src to right arrow 
    //and layoutalignParentright="true" 
     /> 

</RelativeLayout> 

грубый рисунок макета

0

изменение ниже вещей в растяжимой XML для уменьшения или увеличения размера изображения

android:width="24dp" 
android:height="24dp" 

для изменения цвета, ch Ange цвета в XML-файле

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