android - 将imageview放在两个文本视图下面

Question

如何在android studio中创建上面的布局？

Answer 1

首先在gradle文件中为circular image view

添加依赖项

 compile 'de.hdodenhof:circleimageview:2.1.0'

现在您可以根据您的要求使用以下代码

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

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="3">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center">

        <de.hdodenhof.circleimageview.CircleImageView
            android:id="@+id/meal_image_order"
            android:layout_width="96dp"
            android:layout_height="96dp"
            android:src="@color/colorAccent"
            app:civ_border_color="@color/colorPrimaryDark"
            app:civ_border_width="2dp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Textview 1" />

        <TextView
            android:id="@+id/tv2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Textview 2" />

    </LinearLayout>
</LinearLayout>
</LinearLayout>

示例输出

Answer 2

首先在应用程序级别build.gradle文件中添加以下依赖项中的代码行

 compile 'de.hdodenhof:circleimageview:2.1.0'

尝试以下代码后

   <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:weightSum="3">

        <LinearLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent">

            <de.hdodenhof.circleimageview.CircleImageView
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/meal_image_order"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:src="@mipmap/profile" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_weight="2">

            <TextView
                android:id="@+id/tv1"
                android:textSize="15sp"
                android:textStyle="bold"
                android:textColor="#000"
                android:gravity="start"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Broad Bean" />

            <TextView
                android:id="@+id/tv2"
                android:textColor="#000"
                android:gravity="start"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="Broad" />

        </LinearLayout>
    </LinearLayout>

Answer 3

  [<RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    android:background="@drawable/view"
                    android:gravity="fill_horizontal|center">

                    <ImageView
                        android:id="@+id/dp"
                        android:layout_width="60dp"
                        android:layout_height="60dp"
                        android:layout_marginLeft="15dp"
                        app:srcCompat="@drawable/lea" />


                    <TextView
                        android:id="@+id/s_name"
                        android:layout_width="wrap_content"
                        android:layout_height="30dp"
                        android:layout_alignParentStart="true"
                        android:layout_alignTop="@+id/imageView"
                        android:layout_marginStart="85dp"
                        android:gravity="fill_vertical"
                        android:text="Mathan"
                        android:textColor="#78038A"
                        android:textSize="18.5dp"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/s_code"
                        android:layout_width="wrap_content"
                        android:layout_height="30dp"
                        android:layout_alignStart="@+id/s_name"
                        android:layout_below="@+id/s_name"
                        android:fontFamily="serif"
                        android:gravity="fill_vertical"
                        android:text="4320 - XXXXXXXXXXXXXXXXXXX"
                        android:textColor="#000000"
                        android:textSize="16dp"
                        android:textStyle="bold" />

                </RelativeLayout>][1]


  [1]: https://i.stack.imgur.com/Yzg8V.jpg