覆盖上部屏幕的Android背景图片

时间:2015-05-12 14:56:28

标签: android

我希望我面临发展问题。不是艺术问题。

我正在尝试开发如下所示的UI。

denko original

<RelativeLayout 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"
    android:background="@android:color/white">

    <ImageView
        android:id="@+id/welcome_bg_image"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:src="@drawable/welcome_bg_image" />

    <ImageView
        android:id="@+id/mm_flag"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="40dp"
        android:layout_marginLeft="20dp"
        android:src="@drawable/mm_flag" />

    <RelativeLayout
        android:layout_width="270dp"
        android:layout_height="150dp"
        android:background="@drawable/welcome_rectangle"
        android:id="@+id/rectangular_orange"
        android:layout_alignParentRight="true"
        android:layout_below="@id/welcome_bg_image"
        android:layout_marginTop="-130dp"
        android:clickable="true">
        <org.bitbucket.infovillafoundation.denko.customui.MyanmarTextView
            android:id="@+id/welcome_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="30dp"
            android:text="@string/welcome"
            android:textColor="@android:color/white"
            android:textSize="36sp"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/welcome_text"
            android:layout_marginLeft="30dp"
            android:text="@string/forward_arrow"
            android:textColor="@android:color/white"
            android:textSize="36sp"/>
        <org.bitbucket.infovillafoundation.denko.customui.MyanmarTextView
            android:layout_width="220dp"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@id/welcome_text"
            android:layout_below="@id/welcome_text"
            android:textColor="@android:color/white"
            android:textSize="8sp"
            android:text="@string/denko_welcome_text"
            />
        </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_below="@id/welcome_bg_image"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/denko_logo"
            android:layout_centerInParent="true"
            android:textColor="@android:color/white" />
    </RelativeLayout>


</RelativeLayout>

我得到的是如下所示。

denko mine

我尝试将scaleType设置为fitXY,但结果是图像过度拉伸。如果我想要一个背景图像适合屏幕的上半部分,但不希望图像不成比例地拉伸,我该怎么办?如果拉伸图像不会为下部留下空间,我也希望裁剪。

0 个答案:

没有答案