xmlレイアウトの画像の右側に画像とテキストを表示するには

Question

現在、画像とその下にテキストが表示されているビューがあります。テキストは画像の右側にあるといない画像 の下に表示されるように、どのように私はこれを変更することができますこれは私のxmlはあなたがいないあなたの第二のLinearLayoutでandroid:orientation="horizontal"

を使用することができます

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="horizontal" > 



    <LinearLayout android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:orientation="vertical"> 
     <ImageView 
     android:id="@+id/icons" 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:padding="5dp" /> 

     <TextView 
     android:id="@+id/item" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:layout_marginLeft="60dp" 
     android:layout_marginTop="5dp" 
     android:padding="2dp" 
     android:layout_toRightOf="@id/icons" 
     android:layout_alignTop="@id/icons" 
     android:textColor="#33CC33" /> 

    </LinearLayout> 

</LinearLayout> 

Answer 1

ですあなたのXMLコードのようなネストされたレイアウトが必要です。より柔軟なレイアウトのために

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="horizontal" > 

     <ImageView 
     android:id="@+id/icons" 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:padding="5dp" /> 

     <TextView 
     android:id="@+id/item" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:layout_marginLeft="60dp" 
     android:layout_marginTop="5dp" 
     android:padding="2dp" 
     android:layout_toRightOf="@id/icons" 
     android:layout_alignTop="@id/icons" 
     android:textColor="#33CC33" /> 

</LinearLayout> 

、あなたはあなたが本当にここにあなたの最初の直線のレイアウトを必要とされていない2つのリニアレイアウトが動作します使用しているRelativeLayoutたり、新しいConstraintLayout

Answer 2

を使用することができます：それはなるように、親のLinearLayoutを削除しますあなたのためのもう1つのポイント私は言及したいことが言及したいハードコードの任意のビューの高さと幅を使用することができますweightSum線形レイアウトのために提供されます。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:weightSum="1"> 

     <ImageView 
      android:id="@+id/icons" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.3" 
      android:src="@mipmap/ic_launcher" 
      android:padding="5dp" /> 

     <TextView 
      android:id="@+id/item" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:text="Medium Text" 
      android:layout_weight="0.7" 
      android:textAppearance="?android:attr/textAppearanceMedium" 
      android:padding="2dp" 
      android:textColor="#33CC33" /> 

</LinearLayout> 

Answer 3

あなたはRelativeLayoutおよびその使用ImageViewの内側とのTextViewを使用してアンドロイドを追加することができますlayout_toRightOf =を "@ + ID /アイコン" のTextViewに

<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout 
    android:id="@+id/activity_main" 
    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"> 

    <ImageView 
     android:id="@+id/icons" 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:padding="5dp" /> 

    <TextView 
     android:id="@+id/item" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:layout_marginLeft="60dp" 
     android:layout_marginTop="5dp" 
     android:padding="2dp" 
     android:layout_toRightOf="@id/icons" 
     android:textColor="#33CC33" /> 

    </RelativeLayout>