线性布局中的背景图像

Posted

技术标签:

【中文标题】线性布局中的背景图像【英文标题】:Background Image in Linearlayout 【发布时间】:2011-05-13 14:38:09 【问题描述】:

我正在为我正在使用的线性布局的背景设置图像。我遇到的问题是标题栏下方的白色边框。如果我将背景设置为一种颜色,则不会出现白色边框。有谁知道这可能是什么原因造成的。

我正在动态加载一些内容,但这里是 xml

<?xml version="1.0" encoding="utf-8"?>
<android.gesture.GestureOverlayView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gestures"
    android:layout_
    android:layout_
    android:gestureStrokeType="single"
    android:eventsInterceptionEnabled="true"
    android:orientation="vertical"
    android:uncertainGestureColor="#00000000"
    android:gestureColor="#00000000">
<ScrollView
    android:layout_
    android:layout_>


<LinearLayout android:id="@+id/LinearLayout01"
    android:layout_
    android:layout_
    android:orientation="vertical"
    android:padding="20dip"
    android:background="@drawable/background">
<!--     android:background="@drawable/background"> -->


    <TextView 
        android:id="@+id/item_text"
        android:layout_
        android:textSize="16sp"
        android:layout_gravity="center"
        android:text="@string/item_text"
        android:textColor="#fffafa"
        android:layout_
        android:textStyle="bold"
        android:paddingBottom="10dip"/>

    <LinearLayout
        android:id="@+id/photoLayout"
        android:layout_
        android:layout_
        android:paddingBottom="20dip"/>     

     <LinearLayout android:id="@+id/LinearLayoutDynamic"
        android:layout_
        android:layout_
        android:padding="10dp"
        android:orientation="vertical"
        android:background="@drawable/my_border">

     </LinearLayout>

     <TextView 
        android:id="@+id/item_text1"
        android:layout_
        android:paddingTop="20dip"
        android:paddingBottom="10dip"
        android:textSize="16sp"
        android:layout_gravity="center"
        android:text="Besonderheiten"
        android:textColor="#fffafa"
        android:layout_
        android:textStyle="bold"/>

    <LinearLayout android:id="@+id/RelativeLayout01"
        android:layout_
        android:layout_

        android:orientation="vertical"
        android:background="@drawable/my_border">

        <RelativeLayout
            android:id="@+id/LinearLayout"
            android:layout_
            android:layout_
            android:orientation="horizontal">   


            <TextView 
                style="@style/CodeFont"
               android:id="@+id/item_wasteDisposal"
               android:text="@string/item_wasteDisposal"
               android:textSize="14sp"
               android:singleLine="true"/>  

            <ImageView 
                android:layout_  
                android:layout_ 
                android:id="@+id/wasteDisposalImage"
                android:layout_toRightOf="@id/item_wasteDisposal"
                android:padding="5dp"/>

            <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/wasteDisposalImage"
                android:layout_/>


            <ImageView
                android:layout_ 
                android:layout_ 
                android:id="@+id/internetImage"
                android:layout_below="@id/wasteDisposalImage"
                android:layout_alignLeft="@id/wasteDisposalImage"
                android:padding="5dp"/>

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_internet"
                android:text="@string/item_internet"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/internetImage"
                android:layout_below="@id/wasteDisposalImage"/>

            <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/internetImage"
                android:layout_/>


            <ImageView 
                android:layout_ 
                android:layout_
                android:id="@+id/overnightStayImage"
                android:layout_below="@id/internetImage"
                android:layout_alignLeft="@id/internetImage"
                android:padding="5dp"/>

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_overnightStay"
                android:text="@string/item_overnightStay"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/overnightStayImage"
                android:layout_below="@id/internetImage"/>  

                            <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/overnightStayImage"
                android:layout_/>

            <ImageView 
                android:layout_ 
                android:layout_ 
                android:id="@+id/toiletImage"
                android:layout_below="@id/overnightStayImage"
                android:layout_alignLeft="@id/overnightStayImage"
                android:padding="5dp"/>

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_toilet"
                android:text="@string/item_toilet"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/toiletImage"
                android:layout_below="@id/overnightStayImage"/>

                            <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/toiletImage"
                android:layout_/>

            <ImageView 
                android:layout_
                android:layout_ 
                android:id="@+id/electricityImage"
                android:layout_below="@id/toiletImage"
                android:layout_alignLeft="@id/toiletImage"
                android:padding="5dp"/>

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_electricity"
                android:text="@string/item_electricity"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/electricityImage"
                android:layout_below="@id/toiletImage"/>                

                        <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/electricityImage"
                android:layout_/>

            <ImageView 
                android:layout_ 
                android:layout_ 
                android:id="@+id/cranImage"
                android:layout_below="@id/electricityImage"
                android:layout_alignLeft="@id/electricityImage"
                android:padding="5dp"/>

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_cran"
                android:text="@string/item_cran"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/cranImage"
                android:layout_below="@id/electricityImage"/>        

                            <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/cranImage"
                android:layout_/>                   

            <ImageView 
                android:layout_
                android:layout_ 
                android:id="@+id/slipwayImage"
                android:layout_below="@id/cranImage"
                android:layout_alignLeft="@id/cranImage"
                android:padding="5dp"/> 

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_slipway"
                android:text="@string/item_slipway"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/slipwayImage"
                android:layout_below="@id/cranImage"/>  

                        <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/slipwayImage"
                android:layout_/>

            <ImageView 
                android:layout_
                android:layout_ 
                android:id="@+id/campingImage"
                android:layout_below="@id/slipwayImage"
                android:layout_alignLeft="@id/slipwayImage"
                android:padding="5dp"/> 

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_camping"
                android:text="@string/item_camping"
                android:textSize="14sp"
                android:layout_toLeftOf="@id/campingImage"
                android:layout_below="@id/slipwayImage"/>       

                            <View
                android:layout_
                android:background="#FF909090"
                android:layout_below="@id/campingImage"
                android:layout_/>

            <ImageView
                android:layout_
                android:layout_ 
                android:id="@+id/freshWaterImage"
                android:layout_below="@id/campingImage"
                android:layout_alignLeft="@id/campingImage"
                android:padding="5dp"/> 

            <TextView 
                style="@style/CodeFont"
                android:id="@+id/item_freshWater" 
                android:text="@string/item_freshWater"
               android:textSize="14sp"
               android:layout_toLeftOf="@id/freshWaterImage"
                android:layout_below="@id/campingImage"/>  

        </RelativeLayout>   

    </LinearLayout>

</LinearLayout>
</ScrollView>

【问题讨论】:

可以是滚动视图的边框 【参考方案1】:

发布您的图像文件。它是 9-patch png 还是标准图像文件?没有更多信息,我猜你的图像对于你的空间来说太大了,并且由于某种原因,当它缩小它时,它必须在两个方向上都缩小,并且它会在顶部创建空白空间。我以前注意到过这种效果。如果这是正在发生的情况,那么解决方案是将图像文件调整为更小以便它不必缩小,或者(这可能是首选方式)创建一个非常小的 9 补丁,它将扩展到图像你要。我很难说,但从图片上看,您的图像无论如何都只是纯色,所以如果您采用 9-patch 路线,您可以将其设置为 10 x 10 像素或其他尺寸的非常小的画布。它会知道如何扩展它以填充所需的任何空间。

判断这是否正在发生的另一种方法是在具有更大屏幕的设备上运行您的应用程序。然后它不必缩小图像文件,因此不应该在顶部显示空白空间

【讨论】:

这是一个相当大的 png 图像。我现在将测试您的一些建议 好吧,我认为那是你的问题,要么将其切成屏幕尺寸并保留为 png,要么将其缩小并制成 9-patch,你应该很高兴。 你是正确的,图像变大然后调整大小。我需要很长时间才能弄清楚 是的,它花了我一段时间,我不知道它为什么会这样。

以上是关于线性布局中的背景图像的主要内容,如果未能解决你的问题,请参考以下文章

如何使线性布局坚持到 Android 中的 ImageView?

如何更改此线性布局背景颜色?

如何将线性布局转换为图像

如何将圆角和模糊的背景赋予线性布局?

以编程方式将图像添加到线性布局

Android studio 线性布局