如何在LinearLayout的同一行上设置Imageview和Textview

Question

I want to set Imageview and Textview on same line in LinearLayout but the Imageview is always higher than the Textview.

Here is my code:

String b[] = cacBuocThucHien.split("#");
for (int j = 0; j < b.length; j++) {
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
    LinearLayout.LayoutParams lp2 = new LinearLayout.LayoutParams(30,30);
    lp.setMargins(50, 0, 0, 0);
    ImageView img = new ImageView(RecipesDetailActivity.this);
    TextView tv = new TextView(RecipesDetailActivity.this);
    img.setLayoutParams(lp2);
    img.setImageResource(R.mipmap.testic);
    tv.setLayoutParams(lp);
    tv.setText(b[j] + "\n");
    layoutHuongDan.addView(img);
    layoutHuongDan.addView(tv);
}

Answer 1

This You can use to put image in one line.. and it will work in all kind of layouts. Hope this will help you

  <LinerLayout>     
   <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
  <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
   ....... // Put how many TextViews you want

 <TextView
        android:id="@+id/textn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
 </LinerLayout>

You can set visibility gone initially if you wanna show these textviews only after setting text. Now in your activity make an array of ids of textviews like this...

public static int[] textRows = {R.id.text1, R.id.text2, ........ R.id.textn};

then use for loop for initializing them and setting text and images like this

   TextView[] allTexts = new TextView[n];
   for (int i = 0; i < n; i++) {
        allTexts[i] = (TextView) findViewById(textRows[i]);
        allTexts[i].setText("your text");
        allTexts[i].setCompoundDrawables(left_image, null, null, null); 
    }

It will work. Try it out

Answer 2

设置textview可绘制的左侧，无需额外的imageview

android:drawableLeft="@drawable/img"

Answer 3

If you only want to show an icon beside that TextView , in my opinion you should consider using drawable icon feature of TextView

tv.setCompoundDrawablesWithIntrinsicBounds(R.drawable.icon, 0, 0, 0);

But if you would insist to using two views beside each other, using layout gravity would be useful in such circumstances.

lp.gravity= Gravity.CENTER_VERTICAL;

Answer 4

If you want to display only TextView and ImageView .. go for setting CompounDrawable in TextView itself..

But, for having two views side-by-side in LinearLayout programmatically try setting the orientation=horizontal , check out this link .