web-dev-qa-db-ja.com

Android画像上のテキスト

画像を含むimageViewがあり、その画像の上にテキストを配置します。どうすればそれを達成できますか？

androidandroid-imageviewandroid-image
89
AndyAndroid

それは私がそれをやった方法であり、あなたがRelativeLayout内で要求したとおりに動作しました：

<RelativeLayout 
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/relativelayout"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent" >

    <ImageView
        Android:id="@+id/myImageView"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:src="@drawable/myImageSouce" />

    <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" />

</RelativeLayout>
157
Alesqui

別の側面からの場合、あなたは取りたいかもしれません：背景にドロウアブルを備えたTextViewを持つ方が簡単だと思われます：

 <TextView
            Android:id="@+id/text"
            Android:background="@drawable/rounded_rectangle"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
        </TextView>
14
martar

これを実現するには、FrameLayoutまたはMergeレイアウトを使用します。 Android開発ガイドには、この素晴らしい例があります： Android Layout Tricks＃3：Optimize by merging 。

6
Hakan Ozbay

おそらく

  • class ImageViewから継承した新しいクラスを作成し、
  • メソッドonDrawをオーバーライドします。最初にそのメソッドでsuper.onDraw()を呼び出し、
  • 次に、表示するテキストを描画します。

そのようにすると、これを単一のレイアウトコンポーネントとして使用でき、他のコンポーネントと一緒にレイアウトしやすくなります。

6
Chris

多くの方法があります。 RelativeLayoutまたはAbsoluteLayoutを使用します。

相対では、たとえば左側の親に画像を揃えることができ、左の親にもテキストを揃えることができます...そして、テキストビューでマージンとパディングと重力を使用して、どこに並べることができます画像の上にしたい。

5
trgraglia

以下のコードを試してみてください

  <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>
2
Akhi Prajapati

TextViewを使用して、背景を使用したい画像に変更できます

2
user858619

このため、Android:drawableLeft/Right/Top/BottomでTextViewを1つだけ使用して、ImageをTextViewに配置できます。さらに、Android:drawablePadding=""を使用して、TextViewとドロアブルの間にパディングを使用できます。

次のように使用します。

<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"/>

これにより、追加のImageViewは必要ありません。 TextViewの複数の側で2つのドロウアブルを使用することもできます。

これを使用することで直面する唯一の問題は、DrawableをImageViewのように拡大縮小できないことです。

2
Steve Benett

以下のコードはこれを助けます

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+wordNum<=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;
}

}

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++){
                    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();
            }


        }
    });
}

}

0
Enli