如何在Imageview底部设置图像,但图像源不是图像尺寸

时间:2017-05-02 05:10:15

标签: android imageview

现在我得到这样的输出(文字在屏幕的底部),

enter image description here

但我希望输出如下图所示。

enter image description here

这是我的XML代码:

 <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/rlBottom"
            >

            <ImageView
                android:id="@+id/coringImage"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/img_electricity"
                />

            <TextView
                android:id="@+id/fdc_tvUnGeneration"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/default_margin"
                android:layout_marginRight="@dimen/default_margin"
                android:textColor="@color/color_white"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:layout_below="@+id/fdc_tvAVGeneration"
                 android:layout_alignParentBottom="true"
                />
        </RelativeLayout>

5 个答案:

答案 0 :(得分:1)

试试这段代码......

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/rlBottom">

    <ImageView
       android:id="@+id/coringImage"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:src="@drawable/img_electricity"/>

    <TextView
       android:id="@+id/fdc_tvUnGeneration"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="@dimen/default_margin"
       android:layout_marginRight="@dimen/default_margin"
       android:layout_marginBottom="5dp"
       android:textColor="@color/color_white"
       android:textAppearance="?android:attr/textAppearanceSmall"
       android:layout_below="@+id/fdc_tvAVGeneration"
       android:layout_gravity="bottom|center"/>
</FrameLayout>

答案 1 :(得分:0)

你可以使用 android:scaleType="fitXY" 在你的imageview

答案 2 :(得分:0)

试试这个

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context="com.us.upen.mymusicplayer.ui.SplashActivity">

<ImageView
    android:id="@+id/coringImage"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/img_electricity" />

<TextView
    android:id="@+id/fdc_tvUnGeneration"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/coringImage"
    android:layout_alignParentStart="true"
    android:gravity="center"
    android:textAppearance="?android:attr/textAppearanceSmall" />
 </RelativeLayout>

我查了一下

答案 3 :(得分:0)

1。android:layout_below删除属性android:layout_alignParentBottom="true"TextView

2。将属性android:layout_alignBottom="@+id/coringImage"android:layout_marginBottom="10dp"添加到TextView

仅供参考,我在这里使用底部保证金为10dp,您可以根据需要进行更改。

以下是一个例子:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/rlBottom">

    <ImageView
        android:id="@+id/coringImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/fdc_tvUnGeneration"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/default_margin"
        android:layout_marginRight="@dimen/default_margin"
        android:layout_marginBottom="10dp"
        android:textColor="@color/color_white"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:layout_alignBottom="@+id/coringImage"
        android:layout_centerHorizontal="true"
        android:text="I am a Text"/>
</RelativeLayout>

<强>输出:

enter image description here

希望这会有所帮助〜

答案 4 :(得分:0)

你必须删除android:layout_alignParentBottom =&#34; true&#34;来自textview

       <RelativeLayout        xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<ImageView
    android:id="@+id/coringImage"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/wood01_c_pia" />

<TextView
    android:id="@+id/fdc_tvUnGeneration"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/coringImage"
    android:gravity="center"
    android:text="test"
    android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>