Android布局:我的图片只占我屏幕的2/3左右

时间:2015-05-27 10:52:05

标签: android android-layout android-imageview

我有一个新的活动与相关的布局工作正常。 除了ImageView之外,不要覆盖屏幕的整个宽度。

我使用的是Android Studio(最新的稳定版),令人惊讶的是在IDE中,我的布局预览看起来很不错。但是当我在我的设备(或模拟器)上运行应用程序时,它并不能覆盖整个屏幕。

这是我的布局设计:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root"
android:layout_weight="1"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_weight="1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

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

        <ImageView
            android:id="@+id/cat_food"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/cat_food" />
        <ImageView
            android:id="@+id/cat_drink"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/cat_drink" />
        <ImageView
            android:id="@+id/cat_coffee"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/cat_coffee" />
        <ImageView
            android:id="@+id/cat_shopping"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/cat_shopping" />
        <ImageView
            android:id="@+id/cat_offers"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/cat_offers" />
    </LinearLayout>
</ScrollView>
<include
    android:id="@+id/action_bar"
    layout="@layout/layout_actionbar" />

知道我在这里做错了吗?

感谢您的帮助。

P.S。 我已经尝试过wrap_contents,match_parent,fill_parent,但没有一个能解决问题。

1 个答案:

答案 0 :(得分:1)

将ImageView宽度设置为fill_parentmatch_parent,另外使用android:scaleType="fitXY"我已对此进行了测试,并且ImageView正在填充整个屏幕宽度。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:id="@+id/scrollView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

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

            <ImageView
                android:id="@+id/cat_food"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:background="@drawable/ic_logo" />
            <ImageView
                android:id="@+id/cat_drink"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:background="@drawable/ic_logo" />
            <ImageView
                android:id="@+id/cat_coffee"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:background="@drawable/ic_logo" />
            <ImageView
                android:id="@+id/cat_shopping"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:background="@drawable/ic_logo" />
            <ImageView
                android:id="@+id/cat_offers"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:background="@drawable/ic_logo" />
        </LinearLayout>
    </ScrollView>
    <include
    android:id="@+id/action_bar"
    layout="@layout/layout_actionbar" />
    </LinearLayout>