blocks|key|975255|text|这就是我是如何做到的，它的工作方式完全符合您在RelativeLayout中的要求：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|975256|<RelativeLayout+
++++xmlns:android="http://schemas.android.com/apk/res/android"
++++android:id="@%2Bid/relativelayout"
++++android:layout_width="fill_parent"
++++android:layout_height="fill_parent"+>

++++<ImageView
++++++++android:id="@%2Bid/myImageView"
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:src="@drawable/myImageSouce"+/>

++++<TextView
++++++++android:id="@%2Bid/myImageViewText"
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:layout_alignLeft="@id/myImageView"
++++++++android:layout_alignTop="@id/myImageView"
++++++++android:layout_alignRight="@id/myImageView"
++++++++android:layout_alignBottom="@id/myImageView"
++++++++android:layout_margin="1dp"
++++++++android:gravity="center"
++++++++android:text="Hello"
++++++++android:textColor="#000000"+/>

</RelativeLayout>|code-block|syntax|javascript|975257|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

That is how I did it and it worked exactly as you asked for inside a RelativeLayout:

<pre><code>&lt;RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/relativelayout"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" &gt;

 &lt;ImageView
 android:id="@+id/myImageView"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/myImageSouce" /&gt;

 &lt;TextView
 android:id="@+id/myImageViewText"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignLeft="@id/myImageView"
 android:layout_alignTop="@id/myImageView"
 android:layout_alignRight="@id/myImageView"
 android:layout_alignBottom="@id/myImageView"
 android:layout_margin="1dp"
 android:gravity="center"
 android:text="Hello"
 android:textColor="#000000" /&gt;

&lt;/RelativeLayout&gt;
</code></pre>

blocks|key|759719|text|你可能想从不同的方面考虑:在背景上有一个可绘制的TextView似乎更容易：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|759720|+<TextView
++++++++++++android:id="@%2Bid/text"
++++++++++++android:background="@drawable/rounded_rectangle"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++</TextView>|code-block|syntax|javascript|759721|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You may want to take if from a diffrent side: It seems easier to have a TextView with a drawable on the background: 

<pre><code> &lt;TextView
 android:id="@+id/text"
 android:background="@drawable/rounded_rectangle"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 &lt;/TextView&gt;
</code></pre>

blocks|key|975106|text|您希望使用FrameLayout或合并布局来实现这一点。Android开发指南在这里有一个很好的例子：Android+Layout+Tricks+#3:+Optimize+by+merging。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|975107|entityMap|0|LINK|mutability|MUTABLE|url|http://android-developers.blogspot.de/2009/03/android-layout-tricks-3-optimize-by.html^0|1F|19|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You want to use a FrameLayout or a Merge layout to achieve this. Android dev guide has a great example of this here: <a href="http://android-developers.blogspot.de/2009/03/android-layout-tricks-3-optimize-by.html" rel="nofollow">Android Layout Tricks #3: Optimize by merging</a>.

blocks|key|975152|text|有很多种方法。您可以使用RelativeLayout或AbsoluteLayout。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|975153|例如，使用relative，您可以让图像与左侧的父级对齐，也可以让文本与左侧的父级对齐。然后，您可以在文本视图上使用边距、填充和重力，在图像上的任意位置添加线条。|975154|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

There are many ways. You use RelativeLayout or AbsoluteLayout.

With relative, you can have the image align with parent on the left side for example and also have the text align to the parent left too... then you can use margins and padding and gravity on the text view to get it lined where you want over the image.

blocks|key|759621|text|您可以使用TextView并将其背景更改为要使用的图像|type|unstyled|depth|inlineStyleRanges|entityRanges|data|759622|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can use a TextView and change its background to the image you want to use

blocks|key|759769|text|为此，您只能使用一个带有android:drawableLeft/Right/Top/Bottom的TextView将图像定位到TextView。此外，您还可以使用android:drawablePadding=""在TextView和drawable之间使用一些填充|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|759770|像这样使用它：|759771|<TextView
++++android:id="@%2Bid/textAndImage"
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"

++++android:drawableBottom="@drawable/yourDrawable"
++++android:drawablePadding="10dp"+
++++android:text="Look+at+the+drawable+below"/>|code-block|syntax|javascript|759772|这样你就不需要额外的ImageView了。也可以在TextView的多个侧面使用两个可绘制程序。|759773|使用它你将面临的唯一问题是，drawable不能像ImageView那样缩放。|759774|entityMap^0|C|11|2A|Q|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

For this you can use only one TextView with <code>android:drawableLeft/Right/Top/Bottom</code> to position a Image to the TextView. Furthermore you can use some padding between the TextView and the drawable with <code>android:drawablePadding=""</code>

Use it like this:

<pre><code>&lt;TextView
 android:id="@+id/textAndImage"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"

 android:drawableBottom="@drawable/yourDrawable"
 android:drawablePadding="10dp" 
 android:text="Look at the drawable below"/&gt;
</code></pre>

With this you don't need an extra ImageView. It's also possible to use two drawables on more than one side of the TextView.

The only problem you will face by using this, is that the drawable can't be scaled the way of an ImageView.

blocks|key|975386|text|试试下面的代码，这会对你有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|975387|++<RelativeLayout
++++android:layout_width="match_parent"
++++android:layout_height="150dp">

++++<ImageView
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="match_parent"
++++++++android:src="@drawable/gallery1"/>


++++<TextView
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:layout_alignParentBottom="true"
++++++++android:background="#7ad7d7d7"
++++++++android:gravity="center"
++++++++android:text="Juneja+Art+Gallery"
++++++++android:textColor="#000000"
++++++++android:textSize="15sp"/>
</RelativeLayout>|code-block|syntax|javascript|975388|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try the below code this will help you` 

<pre><code> &lt;RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="150dp"&gt;

 &lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:src="@drawable/gallery1"/&gt;


 &lt;TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:background="#7ad7d7d7"
 android:gravity="center"
 android:text="Juneja Art Gallery"
 android:textColor="#000000"
 android:textSize="15sp"/&gt;
&lt;/RelativeLayout&gt;
</code></pre>

blocks|key|759844|text|下面的代码将对您有所帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|759845|public+class+TextProperty+{
++++private+int+heigt;++++++++++++++++++++++++++++++//读入文本的行数
++++private+String+[]context+=+new+String[1024];++++//存储读入的文本

++++/*
+++++*@parameter+wordNum
+++++*
+++++*/
++++public+TextProperty(int+wordNum+,InputStreamReader+in)+throws+Exception+{
++++++++int+i=0;
++++++++BufferedReader+br+=+new+BufferedReader(in);
++++++++String+s;
++++++++while((s=br.readLine())!=null){
++++++++++++if(s.length()>wordNum){
++++++++++++++++int+k=0;
++++++++++++++++while(k%2BwordNum<=s.length()){
++++++++++++++++++++context[i%2B%2B]+=+s.substring(k,+k%2BwordNum);
++++++++++++++++++++k=k%2BwordNum;
++++++++++++++++}
++++++++++++++++context[i%2B%2B]+=+s.substring(k,s.length());
++++++++++++}
++++++++++++else{
++++++++++++++++context[i%2B%2B]=s;
++++++++++++}
++++++++}
++++++++this.heigt+=+i;
++++++++in.close();
++++++++br.close();
++++}


++++public+int+getHeigt()+{
++++++++return+heigt;
++++}

++++public+String[]+getContext()+{

++++++++return+context;
++++}
}|code-block|syntax|javascript|759846|public+class+MainActivity+extends+AppCompatActivity+{

++++private+Button+btn;
++++private+ImageView+iv;
++++private+final+int+WORDNUM+=+35;++//转化成图片时++每行显示的字数
++++private+final+int+WIDTH+=+450;+++//设置图片的宽度

++++@Override
++++public+void+onCreate(Bundle+savedInstanceState)+{
++++++++super.onCreate(savedInstanceState);
++++++++setContentView(R.layout.activity_main);

++++++++iv+=+(ImageView)+findViewById(R.id.imageView);
++++++++btn+=+(Button)+findViewById(R.id.button);

++++++++btn.setOnClickListener(new+View.OnClickListener()+{
++++++++++++public+void+onClick(View+v)+{
++++++++++++++++int+x=5,y=10;
++++++++++++++++try+{
++++++++++++++++++++TextProperty+tp+=+new+TextProperty(WORDNUM,+new+InputStreamReader(getResources().getAssets().open("1.txt")));
++++++++++++++++++++Bitmap+bitmap+=+Bitmap.createBitmap(WIDTH,+20*tp.getHeigt(),+Bitmap.Config.ARGB_8888);
++++++++++++++++++++Canvas+canvas+=+new+Canvas(bitmap);
++++++++++++++++++++Paint+paint+=+new+Paint();
++++++++++++++++++++paint.setColor(Color.WHITE);
++++++++++++++++++++paint.setTextAlign(Paint.Align.LEFT);
++++++++++++++++++++paint.setTextSize(20f);

++++++++++++++++++++String+[]+ss+=+tp.getContext();
++++++++++++++++++++for(int+i=0;i<tp.getHeigt();i%2B%2B){
++++++++++++++++++++++++canvas.drawText(ss[i],+x,+y,+paint);
++++++++++++++++++++++++y=y%2B20;
++++++++++++++++++++}

++++++++++++++++++++canvas.save(Canvas.ALL_SAVE_FLAG);
++++++++++++++++++++canvas.restore();
++++++++++++++++++++String+path+=+Environment.getExternalStorageDirectory()+%2B+"/image.png";
++++++++++++++++++++System.out.println(path);
++++++++++++++++++++FileOutputStream+os+=+new+FileOutputStream(new+File(path));
++++++++++++++++++++bitmap.compress(Bitmap.CompressFormat.PNG,+100,+os);
++++++++++++++++++++//Display+the+image+on+ImageView.
++++++++++++++++++++iv.setImageBitmap(bitmap);
++++++++++++++++++++iv.setBackgroundColor(Color.BLUE);
++++++++++++++++++++os.flush();
++++++++++++++++++++os.close();
++++++++++++++++}
++++++++++++++++catch+(Exception+e)+{
++++++++++++++++++++//+TODO+Auto-generated+catch+block
++++++++++++++++++++e.printStackTrace();
++++++++++++++++}
++++++++++++}
++++++++});
++++}
}```|759847|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The below code this will help you

<pre class="lang-java prettyprint-override"><code>public class TextProperty {
 private int heigt; //读入文本的行数
 private String []context = new String[1024]; //存储读入的文本

 /*
 *@parameter wordNum
 *
 */
 public TextProperty(int wordNum ,InputStreamReader in) throws Exception {
 int i=0;
 BufferedReader br = new BufferedReader(in);
 String s;
 while((s=br.readLine())!=null){
 if(s.length()&gt;wordNum){
 int k=0;
 while(k+wordNum&lt;=s.length()){
 context[i++] = s.substring(k, k+wordNum);
 k=k+wordNum;
 }
 context[i++] = s.substring(k,s.length());
 }
 else{
 context[i++]=s;
 }
 }
 this.heigt = i;
 in.close();
 br.close();
 }


 public int getHeigt() {
 return heigt;
 }

 public String[] getContext() {

 return context;
 }
}
</code></pre>

<pre class="lang-java prettyprint-override"><code>public class MainActivity extends AppCompatActivity {

 private Button btn;
 private ImageView iv;
 private final int WORDNUM = 35; //转化成图片时 每行显示的字数
 private final int WIDTH = 450; //设置图片的宽度

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 iv = (ImageView) findViewById(R.id.imageView);
 btn = (Button) findViewById(R.id.button);

 btn.setOnClickListener(new View.OnClickListener() {
 public void onClick(View v) {
 int x=5,y=10;
 try {
 TextProperty tp = new TextProperty(WORDNUM, new InputStreamReader(getResources().getAssets().open("1.txt")));
 Bitmap bitmap = Bitmap.createBitmap(WIDTH, 20*tp.getHeigt(), Bitmap.Config.ARGB_8888);
 Canvas canvas = new Canvas(bitmap);
 Paint paint = new Paint();
 paint.setColor(Color.WHITE);
 paint.setTextAlign(Paint.Align.LEFT);
 paint.setTextSize(20f);

 String [] ss = tp.getContext();
 for(int i=0;i&lt;tp.getHeigt();i++){
 canvas.drawText(ss[i], x, y, paint);
 y=y+20;
 }

 canvas.save(Canvas.ALL_SAVE_FLAG);
 canvas.restore();
 String path = Environment.getExternalStorageDirectory() + "/image.png";
 System.out.println(path);
 FileOutputStream os = new FileOutputStream(new File(path));
 bitmap.compress(Bitmap.CompressFormat.PNG, 100, os);
 //Display the image on ImageView.
 iv.setImageBitmap(bitmap);
 iv.setBackgroundColor(Color.BLUE);
 os.flush();
 os.close();
 }
 catch (Exception e) {
 // TODO Auto-generated catch block
 e.printStackTrace();
 }
 }
 });
 }
}```
</code></pre>

I have an imageView with an image, over that image I want to place a text. How can I achieve that?

Android Text over image

Android

我有一个带有图像的imageView，我想在该图像上放置一个文本。我怎样才能做到这一点呢？

问Android图片上的文本
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android图片上的文本EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android图片上的文本
EN