Placer l'affichage du texte sur une image vue à l'aide de FrameLayout

Ci-dessous comment j'ai conçu mon xml. Maintenant, ce que je suis en train de monter un textview à l'intérieur de la boîte blanche indiqué ci-dessous. Mais je suis limitée par FrameLayout (du moins je le pense) que j'ai besoin de coder en dur les valeurs pour l'affichage de texte en forme dans le milieu ou à un autre endroit à l'intérieur de la boîte blanche. Je ne peux pas utiliser Relative ou d'autres dispositions à cet effet comme je l'ai entendu par mes essais de cet ensemble est d'une seule image.

Voici ma mise en page,

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:visibility="visible" android:layout_marginTop="60dip"
    android:layout_gravity="center" android:id="@+id/xxx">

    <ImageView android:id="@+id/calloutquizImage" 
        android:background="@drawable/callout" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:scaleType="fitCenter" />

    <ImageView android:id="@+id/triviaImage"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_alignTop="@+id/calloutquizImage" android:layout_gravity="left"
        android:src="@drawable/trivia" android:background="@drawable/trivia"
        android:layout_marginTop="50dip" android:layout_marginLeft="85dip"></ImageView>

    <TextView android:text="TextView" android:id="@+id/triviAnswerText"
        android:layout_marginTop="125dip" android:layout_marginLeft="85dip"
        android:layout_gravity="left" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textColor="#000000"
        android:typeface="sans"></TextView>

    <ImageButton android:id="@+id/triviaanswercloseButton"
        android:src="@drawable/closebtn" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:background="@drawable/closebtn"
        android:layout_marginRight="8dip" android:layout_marginTop="43dip"
        android:layout_gravity="right" android:onClick="triviaanswerClose"></ImageButton>
    <ImageView android:id="@+id/buttontoclose"
        android:layout_gravity="left"
        android:visibility="visible" android:onClick="triviaanswerClose" 
        android:layout_marginTop="50dip" android:layout_marginLeft="75dip"
        android:layout_width="230dip" android:layout_height="170dip"></ImageView>
</FrameLayout>

De ce fait, l'affichage du texte de la recherche dans des positions différentes dans les différents terminaux.

Toute devine ce qui peut être fait pour cette place?

Ci-dessous est à mon image :

Placer l'affichage du texte sur une image vue à l'aide de FrameLayout

InformationsquelleAutor tejas | 2012-09-03

5

Je pense que vous n'êtes pas en train de faire la bonne chose. Si vous voulez un texte qui doit apparaître à l'intérieur d'une zone blanche (ou même de le redimensionner, s'il y a beaucoup de texte pour l'adapter à it) - vous pouvez toujours éviter toutes les layouts annonce le faire avec un seul TextView.

Veuillez regarder qu'est-ce que NinePatch image dans Android:
http://developer.android.com/reference/android/graphics/NinePatch.html

http://developer.android.com/tools/help/draw9patch.html - outils de dessin

Donc, fondamentalement, vous aurez besoin de seulement 1 textView et à votre image, correctement converti à 9-patch avec le 2ème lien. (Au fond, il suffit d'ajouter quelques pixels noirs de l'image de la frontière).
Pas seulement de définir cette 9-patch comme un arrière-plan de textView. Il place le texte à droite où vous avez besoin, et diminuera boîte blanche si vous allez définir dans le 9-patch.

UPD:
Veuillez trouver la résultante de capture d'écran:

Comme vous pouvez le voir, textView pas de poignées
WhiteBox" lui-même, de le remplir avec du texte et le redimensionnement de la zone si nécessaire.

Ici est de savoir comment le faire fonctionner:
```
<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">

    <TextView
        android:id="@+id/first"
        android:background="@drawable/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Manymanymany text 
        Manymanymany text 
        Manymanymany text 
        Manymanymany text 
        Manymanymany text 
        Manymanymany text" />

    <TextView
        android:layout_below="@+id/first"
        android:background="@drawable/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Not so many text" />
</RelativeLayout>
```
Et voici votre image, converti à 9patch. Il suffit de le placer à "drawable/" le dossier. Remarque: il DOIT avoir des "arrière.9.png" nom.

Pour les détails de la façon dont 9patch œuvres, vous pouvez vérifier les liens ci-dessus. L'idée principale: en faisant des points noirs sur le haut et à gauche de la frontière - vous préciser quelle partie de l'image sera étirée lorsque l'image doit être élargie. Par faire des points sur la droite/bas côté de vous dire le point de Vue où placer le contenu. Dans notre cas, le contenu est un texte de la TextView.

Espérons que cela aide, bonne chance
- AlexN, pouvez-vous m'expliquer peu plus si vous n'avez pas l'esprit. Je ne comprends pas comment ce 9-patch. Je voudrais être encore plus grand si vous pouvez juste me donner quelques lignes de code.
- Yep, donnez-moi une seconde, je ne suis pas très familier avec de la Peinture 🙂
- ok, même moi aussi 🙂
- Vous trouverez une réponse de mise à jour. Par ailleurs, dans RelativeLayout vous pouvez toujours gérer des Vues à l'intérieur de l'axe des Z - vues sont juste placés sur le dessus les uns des autres dans leur ordre de déclaration à l'intérieur <RalativeLayout> tag. Cependant, 9patch est beaucoup plus souple et efficace solution dans ce cas.
- Malheureusement, je veux la boîte blanche pour conserver sa taille. Et comment se fait-le texte est inscrit à l'intérieur de la boîte pour vous! C'est à partir de l'extérieur de la boîte pour moi 🙁
- Avez-vous utilisé une version modifiée de l'image que j'avais attaché, avec des points noirs? Avez-vous le nom de " retour.9.png' intérieur de la /drawable/? .9 est vraiment important
- Oui, j'ai utilisé cette image et que temps que je l'avais nommé juste de retour.png mais maintenant, après avoir changé aussi, je ne pouvais pas voir de changements 🙁 Le texte commence au-dessus de la boîte ( de gauche à droite en haut de côté )
- J'avais mis à jour l'image, pouvez-vous s'il vous plaît essayer de nouveau? Je soupçonne un pixel a été mal placé sur la précédente.
InformationsquelleAutor AlexN
2

Je pense que vous pouvez utiliser un RelativeLayout dans le FrameLayout pour la ImageView et la TextView, et en utilisant les paramètres, vous pouvez naviguer sur le TextView à la boîte blanche. Reportez-vous à la LayoutParams documentation pour plus de détails.

pour eg. vous pouvez ajouter la ImageView bloc en premier et ensuite le TextView, de sorte que le TextView jettera sur le ImageView, et en utilisant aligner en bas, et en précisant la marge supérieure avec une valeur négative, vous pouvez faire la TextView aller au-dessus de l'image. Ou plutôt, si vous utilisez eclipse, vous pouvez directement déplacer le texte à afficher dans le graphique de mise en page.
```
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/tools"
    android:id="@+id/xxx"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_marginTop="0dp"
    android:visibility="visible" >

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margintop="0dp" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/user2" />
        <TextView
            android:id="@+id/Textviewtitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world"
            android:layout_below="@+id/imageView1"
            android:layout_marginTop="-10dp"
            app:context=".TestActivity" />

    </RelativeLayout>
 </FrameLayout>
```
Similaire à ci-dessus, vous pouvez spécifier la marge de gauche et de droite pour positionner correctement votre TextView que vous le souhaitez. Vérifiez auprès de graphisme pour des commentaires pour savoir la position correcte.
S'il vous plaît répondre si cela a aidé.

Utiliser vos images et les valeurs de la hauteur et la largeur. J'ai juste essayé pour les tests.
- Nayanan, Est-il possible? Parce que dans une relative mise en page, nous pouvons spécifier les objets en relation les uns aux autres à droite, pas sur un autre objet. Quand j'ai essayé ceci, je ne pouvais pas le faire. Par exemple, je ne peux pas utiliser de gauche, de droite ou de propriétés ici je crois.
- Veuillez voir le modifier. il a travaillé. J'ai utilisé à de nombreuses reprises. :).
- android:layout_below="@+id/imageView1" ce des lieux d'affichage de texte en dessous de la boîte blanche pas à l'intérieur de boîte blanche
- oui. maintenant utiliser la marginTop valeur à naviguer sur l'image!!! tht est pourquoi j'ai donné la valeur négative. s'il vous plaît essayer le code et de le commenter. Ne pas juste commentaire après avoir compilé juste en voyant.
- stackoverflow.com/questions/12231138/... s'il vous plaît voir cette question. c'est presque de la même affaire. au lieu de imagebuttom, c'est un textview.
- J'ai commenté après avoir vu ce que j'ai. Même je n'ai pas le temps de commenter inutilement fourre ici, j'espère que vous avez compris. J'ai demandé de l'aide ne signifie pas que je commente des choses inutiles
- Et je vous remercie pour votre réponse, mais par contre, je ne peux pas tolérer alegations
- lol. je n'ai pas allegate patron. il a travaillé en douceur pour moi. Je ne sais pas wat ur manquant. de toute façon, sry si u prit dur.. essayez 2 take it easy! :).
- Ok 🙂 je vais vérifier votre code à nouveau 🙂
InformationsquelleAutor Lakshmi Narayanan

Vous devez vous connecter pour publier un commentaire.