为视图设置背景图像可以扩展我的视图

Question

我为视图创建了背景图像位图，现在视图被拉伸到背景图像的大小......

这是正常的吗？

    <位图 xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/green"
        android:tileMode="重复"/>

以下是我将其应用到我的视图中的方法

v.setBackgroundResource(R.drawable.backgroundgreen);

例如，

...如果图像高度为 500 像素 视图高度为200px（将wrap_content设置为高度） 将图像设置为背景后，我的视图高度变为 500px...

Answer 1

我也遇到过同样的问题。

如果背景图像的大小大于视图的大小，则视图的大小将更改以匹配图像的大小。

解决方案

---

1. 将视图放入相对布局中。
2. 删除背景图像。
3. 在相对布局中的 View 之前添加一个 ImageView

4. 将 ImageView 的 src 设置为背景图片

   
   
       <图像视图
           安卓：layout_width =“wrap_content”
           安卓：layout_height =“wrap_content”
           android:layout_alignLeft="@+id/yourViewId"
           android:layout_alignRight="@+id/yourViewId"
           android:layout_alignTop="@+id/yourViewId"
           android:layout_alignBottom="@+id/yourViewId"
           机器人：调整ViewBounds =“真” 
           //这将允许图像以相同的比例调整大小
           android:src="@drawable/yourDrawable" />
   
       <您的观点
           android:id="@+id/yourViewId"
           。
           ..
           ... >>
   
     
   

---

当然这一切都可以在代码中完成。

Answer 2

在我看来，你面临的问题不是问题，而是Android设计布局的方式。

这意味着您可以使用 3 个默认常量值设置高度和宽度：

FILL_PARENT
View 请求的高度或宽度的特殊值。 FILL_PARENT 表示视图希望与其父级一样大，减去父级的填充（如果有）。从 API 级别 8 开始，此值已弃用，并由 MATCH_PARENT 取代。

MATCH_PARENT
View 请求的高度或宽度的特殊值。 MATCH_PARENT 表示视图希望与其父视图一样大，减去父视图的填充（如果有）。在 API 级别 8 中引入。

WRAP_CONTENT
View 请求的高度或宽度的特殊值。 WRAP_CONTENT 意味着 View 希望足够大以适应其自身的内部内容，同时考虑其自身的填充。

现在，当您将View的高度/宽度设置为WRAP_CONTENT时，您就允许视图采用足以显示视图内容的大小。背景图像也是View的内容，因此您的视图将显示与图像一样大的尺寸。这不是问题，这就是它的显示方式。

好的，但在你的情况下，这对你来说是一个问题，因为你有一个背景要展示，并且视图不应该为此而拉伸。我可以建议几种方法：

1. 第一个也是非常明显的：制作正确大小的图像并将它们保持在不同的可绘制文件夹。

2. 不使用常量指定视图的大小，但是在 DP 中。如果有必要，请为不同的大小制作不同的布局 XML 文件，并将它们保存在 布局文件夹< /a>.

3. 设计布局时可以使用的一个非常有用的东西是布局权重.

Answer 3

我建议创建一个包装布局并将背景图像放在那里。我就是这样使用的，非常适合。
请参阅下面的示例

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/settingstab_scroll"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="vertical"
    android:background="@drawable/wareninja_wallpaper_img"
    >
<!-- your layouts and components goes here -->
</ScrollView>

...
社交编码@AspiroTV

Answer 4

原因很简单。您必须看到 View::getSuggestedMinimumWidth/Height 方法。

protected int getSuggestedMinimumWidth() {
    return (mBackground == null) ? mMinWidth : max(mMinWidth, mBackground.getMinimumWidth());
}

protected int getSuggestedMinimumHeight() {
    return (mBackground == null) ? mMinHeight : max(mMinHeight, mBackground.getMinimumHeight());
}

看到这里，你可能知道为什么背景会让视图变大，特别是为什么要为其分配 BitmapDrawable。

简单的解决方案是包装该 Drawable（例如 BitmapDrawable），然后为 getMinimumHeight() 和 getMinimumWidth() 返回 0，最好重写 getIntrinsicHeight() 和 getIntrinsicWidth() 以返回 -1。

support-v7有一个DrawableWrapper，它在必要时将调用委托给另一个drawable。您可以扩展该方法并覆盖上面讨论的方法。

如果您不使用 support-v7（哇！您太棒了），将该类复制到您的项目中也可以。

https://android.googlesource.com/platform/frameworks/support/+/1949ae9aeaadf52ad7bd7bb74ca5419c67ea7f65/v7/appcompat/src/android/support/v7/internal/widget/DrawableWrapper.java

Answer 5

它对我有用。

< ?xml version="1.0" encoding="utf-8"?>
 < LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:id="@+id/LinearLayoutTest">    

@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.prueba);


    ((LinearLayout)findViewById(R.id.LinearLayoutTest)).setBackgroundResource(R.drawable.greenrepeat);
}

在你的代码中，v 是什么？它有 fill_parent 参数吗？

Answer 6

不要使用android:tileMode="repeat"。你的绿色绘图比你的视图更大还是更小？可以添加更多细节吗？

Answer 7

在我的例子中，一个完美运行的好解决方案是扩展View并覆盖onMeasure()。

以下是要做的步骤：

1. 创建一个自己的类并扩展您要使用的 View，此处为
   例如我将使用 Button。
2. 重写方法 onMeasure() 并在底部插入代码。这将在第一个措施完成后设置后台资源。对于第二个测量事件，它将使用已经测量的参数。

扩展 Button 的自定义视图的示例代码（将 Button 更改为您想要扩展的视图）

public class MyButton extends Button {

    boolean backGroundSet = false;

    public MyButton(Context context) {
        super(context);
    }

    public MyButton(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);          
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        if(backGroundSet) {
            setMeasuredDimension(getMeasuredWidth(), getMeasuredHeight());
            return;
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        backGroundSet = true;
        setBackgroundResource(R.drawable.button_back_selector);

    }
}

这里唯一需要更改的是您想要扩展的视图类型以及 onMeasure 中的视图类型() 方法您要用于视图的背景资源。

之后，只需在布局 xml 中使用此视图或以编程方式添加它。

Answer 8

我修改了 Sherif elKhatib 的代码，现在这对我有用：

1. 如果我们希望背景图片拉伸为视图图片：

    <相对布局
            安卓：layout_width =“match_parent”
            android:layout_height="wrap_content">
   
            <图像视图
                安卓：layout_width =“match_parent”
                安卓：layout_height =“wrap_content”
                android:layout_alignStart="@+id/yourViewId"
                android:layout_alignTop="@+id/yourViewId"
                android:layout_alignEnd="@+id/yourViewId"
                android:layout_alignBottom="@+id/yourViewId"
                android:scaleType="fitXY"
                android:src="@drawable/bg_very_big_picture" //>
   
            <线性布局
                android:id="@+id/yourViewId"
                安卓：layout_width =“match_parent”
                安卓：layout_height =“wrap_content”
   

2. 如果我们希望背景图片不被拉伸，而是被剪切以适合视图图片：

    <相对布局
            安卓：layout_width =“match_parent”
            android:layout_height="wrap_content">
   
            <图像视图
                安卓：layout_width =“match_parent”
                安卓：layout_height =“wrap_content”
                android:layout_alignStart="@+id/yourViewId"
                android:layout_alignTop="@+id/yourViewId"
                android:layout_alignEnd="@+id/yourViewId"
                android:layout_alignBottom="@+id/yourViewId"
                android:scaleType="centerCrop"
                android:src="@drawable/bg_very_big_picture" //>
   
            <线性布局
                android:id="@+id/yourViewId"
                安卓：layout_width =“match_parent”
                安卓：layout_height =“wrap_content”