android - linearlayout での 2 つの textview と imageview の位置

Question

カスタム準備中ですlistview。これを達成したい

imageviewをと一緒textviewに入れる方法について、かなり混乱していlinearlayoutます。それで、私の質問は、画像のようにimageviewを と一緒textviewに入れる方法です。linearlayoutこれを試しましたが、それでも2つのテキストビューをイメージビューで実装できませんでした。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#003f84"
        android:textColor="#FFFFFF"
        android:text="TextView" />
    <View
    android:layout_width="fill_parent"
    android:layout_height="1dp"
    android:background="@android:color/darker_gray"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#003f84"
        android:textColor="#FFFFFF" 
        android:gravity="right"
        android:text="TextView"/>


</LinearLayout>

それでも、私はこれを実装できませんでした。しかし、私はこれで試してみるつもりです

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/abTopic"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#003f84"
        android:text="TextView"
        android:textColor="#FFFFFF" />

    <View
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray" />

    <TextView
        android:id="@+id/abType"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#003f84"
        android:gravity="right"
        android:text="TextView"
        android:textColor="#FFFFFF" />

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/list_selector"
        android:orientation="horizontal"
        android:paddingBottom="15dip"
        android:paddingRight="15dip"
        android:paddingTop="15dip" >

        <!-- Title -->

        <TextView
            android:id="@+id/abTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:contentDescription="@string/app_name"
            android:paddingLeft="25dip"
            android:paddingRight="25dip"
            android:textColor="#0099CC"
            android:textSize="18sp" />
        <!-- Rightend Arrow -->

        <ImageView
            android:id="@+id/itemArrow"
            android:layout_width="25dip"
            android:layout_height="25dip"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:contentDescription="@string/app_name"
            android:src="@drawable/arrow" />
        <!-- SubTitle -->

        <TextView
            android:id="@+id/absubTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="0dip"
            android:layout_toRightOf="@id/abTitle"
            android:paddingRight="25dip"
            android:textColor="#000000"
            android:textSize="18sp"
            android:textStyle="bold"
            android:typeface="sans" />
    </RelativeLayout>

</LinearLayout>

Answer 1

このコードを使用して、必要に応じて調整してください。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="90dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:background="#003f84"
        android:text="Text1"
        android:textColor="#FFFFFF" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="90dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="120dp"
        android:layout_marginTop="-18dp"
        android:background="#003f84"
        android:text="Text2"
        android:textColor="#FFFFFF" />

    <ImageView
        android:id="@+id/Image1"
        android:layout_width="fill_parent"
        android:layout_height="90dp"
        android:layout_gravity="center"
        android:layout_marginTop="50dp"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

ご不明な点がございましたら、お気軽にお問い合わせください。よろしくお願いいたします。

Answer 2

このコードを試して、必要に応じて変更してください。

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="100dp" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="5dp"
                android:text="TextView" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="match_parent"
                android:layout_height="2dp"

                android:layout_alignParentRight="true"
                android:layout_below="@+id/textView1"
                android:text=" " 
                android:background="#000000"/>

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView1"
                android:layout_below="@+id/textView1"
                android:layout_marginTop="25dp"
                android:text="TextView" />

            <TextView
                android:id="@+id/textView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignRight="@+id/textView3"
                android:layout_below="@+id/textView3"
                android:layout_marginTop="14dp"
                android:text="TextView" />

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_alignTop="@+id/textView3"
                android:layout_marginRight="47dp"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_below="@+id/textView2"
                android:layout_marginRight="14dp"
                android:text="TextView" />

        </RelativeLayout>

    </FrameLayout>

Answer 3

LinearLayouts には、android:gravity子要素を可能な限り 1 つの境界線に移動するプロパティがあります。あなたの場合、2 つの LinearLayout の子を持つ各行に LinearLayout が必要です。最初の LinearLayout で実行android:gravity="left"し、2 番目で実行しますandroid:gravity="right"

Answer 4

私は自分の問題を自分で解決することができます。

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <!-- Topic -->

        <TextView
            android:id="@+id/abTopic"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#003f84"
            android:textColor="#FFFFFF" />

        <!-- View -->

        <View
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:background="@android:color/darker_gray" />

        <!-- Type -->

        <TextView
            android:id="@+id/abType"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#003f84"
            android:gravity="right"
            android:textColor="#FFFFFF" />

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/list_selector"
            android:orientation="horizontal"
            android:paddingBottom="15dip"
            android:paddingRight="15dip"
            android:paddingTop="15dip" >

            <!-- Title -->

            <TextView
                android:id="@+id/abTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:paddingLeft="25dip"
                android:paddingRight="25dip"
                android:textColor="#000000"
                android:textSize="18sp" />

            <!-- Rightend Arrow -->

            <ImageView
                android:id="@+id/itemArrow"
                android:layout_width="25dip"
                android:layout_height="25dip"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/app_name"
                android:src="@drawable/arrow" />

            <!-- Subtitle -->

            <TextView
                android:id="@+id/SubTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/abTitle"
                android:paddingLeft="25dip"
                android:paddingRight="25dip"
                android:textColor="#666362"
                android:textSize="12sp"
                android:textStyle="bold"
                android:typeface="sans" />
        </RelativeLayout>

    </LinearLayout>