2016-12-15 6 views
1

enter image description hereMehrere Bilder in Textansicht hinzufügen

Ich möchte etwas wie Bild oben machen, aber ich habe es versäumt zu erreichen!

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> 

Meine Ausgabe

enter image description here

  1. Wie vergrößert man das Bild?
  2. Ich möchte die Farbe des Pfeils ist schwarz, nicht blau.

Was ist der beste Ansatz, um dies zu erreichen?

+0

Verwendung ziehbar schwarze Bilder mit Polsterung in it.and die paddingTop entfernen Attribut – Vishwa

+0

Bitte überprüfen Sie die Bilddimension. Die Ecken des Bildes sollten gleichmäßig beabstandet sein. und bitte auch Textview Gavity Center vertikal auch. Vielleicht kann das dein Problem lösen. und entfernen Sie die Polsterung oben in der Textansicht – Nivedh

Antwort

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.Wie größer das Bild?

Ans. Wenn Sie die Bildgröße erhöhen möchten, dann erhöhen Sie die Höhe der Textansicht oder verwenden Sie die Schwerkrafteigenschaft, um beide Bilder zu zentrieren.

2. Ich möchte die Farbe des Pfeils ist schwarz, nicht blau.

Ans. Wenn Sie einen schwarzen Arrot anstelle von Blau wünschen, ersetzen Sie das blaue Drawle-Bild durch ein schwarzes Pfeil-Drawble-Bild.

1

Versuchen Sie diesen Code

<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

Warum Textview hinzufügen?

Verwendung Imageview

halten ersten Grund relativeLayout zurück zur abgerundeten Ecke 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> 

grobe Zahl von Layout

0

Änderung unten Dinge in ziehbar xml für reduzieren oder die Größe des Bildes zu erhöhen

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

zum Ändern der Farbe, ch ange die Farbe in XML-Datei

Verwandte Themen