Android图片和文字

时间:2015-11-16 12:48:18

标签: android android-layout

我正在开发一个Android应用程序。我希望屏幕顶部屏幕覆盖图像,下面是图像的名称。在图像下方,即在下半部分应该有5-6行中的一些描述。获取图像在上半部分,但无法在下半部分获得文本。

此致 Mayank

3 个答案:

答案 0 :(得分:1)

如果我是你,我会使用LinearLayout weightSum字段,layout_weight代表LinearLayout中的每个元素。 例如:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingLeft="16dp"
    android:paddingRight="16p"
    android:weightSum=5>

<ImageView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight = 3/>

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

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

在上面的示例中,我们有一个屏幕,其中包含垂直ImageView(屏幕的3/5)和两个TextView(每个屏幕的1/5)。

答案 1 :(得分:0)

只需复制此

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

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="4"
            android:id="@+id/imageView2"
            android:layout_gravity="center_horizontal" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Medium Text"
            android:id="@+id/textView2"
            android:gravity="center"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Medium Text"
            android:id="@+id/textView3"
            android:gravity="center"
            android:layout_gravity="center_horizontal"
            android:layout_weight="2" />
    </LinearLayout>

答案 2 :(得分:0)

试试这个,

<?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:background="@android:color/background_light"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="1" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dip"
            android:layout_weight="0.5"
            android:orientation="vertical"
            android:weightSum="5" >

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="4"
                android:background="@drawable/ic_launcher" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_gravity="center"
                android:text="Hello World"
                android:paddingBottom="5dp"
                android:textSize="25sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dip"
            android:layout_weight="0.5"
            android:orientation="horizontal"
            android:background="#336699">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="bottom|center"
                android:layout_gravity="bottom|center"
                android:text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."
                android:textSize="20sp"
                android:textColor="@android:color/white" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

输出如下所示,

enter image description here