Platzieren eines Textview über Bildansicht in Android

Ich habe eine listviewdass eine einzelne imageview ist
Scrollbar vertikal
Ich versucht bin, um eine textview oben Imageview
Beiden Sichtweisen muss sichtbar sein

Ist es möglich ?
Wenn ja, Wie geht es programmatisch ?
Welche Veränderungen sollte ich vornehmen muss ?

list_view_item_for_images.xml

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

    <ImageView
        android:id="@+id/flag"
        android:layout_width="fill_parent"
        android:layout_height="250dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:scaleType="fitXY"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

Gibt es eine Ausgabe wie unten

Platzieren eines Textview über Bildansicht in Android

Wie etwas zu tun, wie unten

Platzieren eines Textview über Bildansicht in Android

Hinweis :: Schale 1 & 2 textviews

InformationsquelleAutor der Frage | 2013-09-28

Dies sollte Ihnen die erforderlichen layout:

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

    <ImageView
        android:id="@+id/flag"
        android:layout_width="fill_parent"
        android:layout_height="250dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:scaleType="fitXY"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="20dp"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

Spielen mit der android:layout_marginTop="20dp" um zu sehen, welcher dir besser gefällt. Verwenden Sie die id textview dynamisch festlegen der android:text Wert.

Da ein RelativeLayout Stapel seiner Kinder, die Festlegung der TextView nach Bildansicht bringt es "über" der Bildansicht.

HINWEIS: Ähnliche Ergebnisse können erhalten werden mit einem FrameLayout als die Eltern, zusammen mit der Effizienz-Gewinn gegenüber allen anderen android-container. Dank Igor Ganapolsky(siehe Kommentar unten) für den Hinweis hin, dass diese Antwort ein update benötigt.

InformationsquelleAutor der Antwort Vikram

Versuchen Sie dies:

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rel_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
    android:id="@+id/ImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src=//source of image />

<TextView
    android:id="@+id/ImageViewText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@id/ImageView"
    android:layout_alignTop="@id/ImageView"
    android:layout_alignRight="@id/ImageView"
    android:layout_alignBottom="@id/ImageView"
    android:text=//u r text here
    android:gravity="center"
    />

Hoffe das konnte dir helfen.

InformationsquelleAutor der Antwort nitesh

können Sie framelayout um dies zu erreichen.

wie zu verwenden framelayout

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">

   <ImageView 
   android:src="@drawable/ic_launcher"
   android:scaleType="fitCenter"
   android:layout_height="250px"
   android:layout_width="250px"/>

   <TextView
   android:text="Frame Demo"
   android:textSize="30px"
   android:textStyle="bold"
   android:layout_height="fill_parent"
   android:layout_width="fill_parent"
   android:gravity="center"/>
</FrameLayout>

ref: tutorialspoint

InformationsquelleAutor der Antwort Ker p pag

einfach per drag-and-drop die TextView über Bildansicht in eclipse

<RelativeLayout 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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="48dp"
    android:layout_marginTop="114dp"
    android:src="@drawable/bluehills" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageView1"
    android:layout_centerVertical="true"
    android:layout_marginLeft="85dp"
    android:text="TextView" />

</RelativeLayout>

Und dieser die Ausgabe der oben genannten xml - Platzieren eines Textview über Bildansicht in Android

InformationsquelleAutor der Antwort Shakeeb Ayaz

Als Sie erwähnt in OP, die Sie benötigen, um die overlay - Text auf ImageView programmgesteuert Weg. Sie können erhalten ImageView drawable und schreiben Sie auf es mit Hilfe der legt es auf Canvas und Paint.

 private BitmapDrawable writeTextOnDrawable(int drawableId, String text) 
 {
 Bitmap bm = BitmapFactory.decodeResource(getResources(), drawableId).copy(Bitmap.Config.ARGB_8888, true);
 Typeface tf = Typeface.create("Helvetica", Typeface.BOLD);
 Paint paint = new Paint();
 paint.setStyle(Style.FILL);
 paint.setColor(Color.WHITE);
 paint.setTypeface(tf);
 paint.setTextAlign(Align.CENTER);
 paint.setTextSize(11);
 Rect textRect = new Rect();
 paint.getTextBounds(text, 0, text.length(), textRect);
 Canvas canvas = new Canvas(bm);
 canvas.drawText(text, xPos, yPos, paint);
 return new BitmapDrawable(getResources(), bm);
 }

InformationsquelleAutor der Antwort Vikalp Patel

können Sie versuchen, diese auch. Ich benutze nur framelayout.

 <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/cover"
                android:gravity="bottom">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Hello !"
                    android:id="@+id/welcomeTV"
                    android:textColor="@color/textColor"
                    android:layout_gravity="left|bottom" />
            </FrameLayout>

InformationsquelleAutor der Antwort spaceMonkey

-1

Vielleicht sollte man einfach schreiben Bildansicht ersten und der zweiten TextView.
Das kann manchmal etwas Hilfe. Das ist einfach, aber ich hoffe, es hilft jemandem. 🙂

InformationsquelleAutor der Antwort Ádám Bocskay

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.