Загрузить фон из ресурса SVG

Question

Я хотел бы использовать SVG-Android для загрузки изображения SVG в качестве фона макета. Я попробовал это, но мой фон макета все еще белый (ничего особенного в logcat):

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    SVG svg = SVGParser.getSVGFromResource(getResources(), R.raw.bg);
    RelativeLayout rl = (RelativeLayout) findViewById(R.id.mainLay);
    rl.setBackground(svg.createPictureDrawable());
}

Что я делаю неправильно?

Answer 1

Ну, было время, когда даже я задавался вопросом о подобной проблеме размещения изображения SVG на виде.

Вот демонстрация, которая отображает изображение SVG в CustomView в Android:

// MainActivity.java
package com.test.svg;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    requestWindowFeature(Window.FEATURE_NO_TITLE);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
      WindowManager.LayoutParams.FLAG_FULLSCREEN);

    CustomView view = new CustomView(this);
    view.setBackgroundResource(android.R.color.holo_green_dark);
    setContentView(view);
  }
}

Вот CustomView учебный класс:

// CustomView.java
package com.test.svg;

import java.io.IOException;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Picture;
import android.util.AttributeSet;
import android.view.View;

import com.larvalabs.svgandroid.SVG;
import com.larvalabs.svgandroid.SVGParseException;
import com.larvalabs.svgandroid.SVGParser;

public class CustomView extends View {

  private Picture picture;
  private int scaleFactor;

  public CustomView(Context context) {
    super(context);
    initialize();
  }

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

  private void initialize() {
    scaleFactor = 1;
    try {
      setLayerType(View.LAYER_TYPE_SOFTWARE, null); // This is important!!!
      SVG svg = SVGParser.getSVGFromAsset(getContext().getAssets(),
        "Character.svg");
      picture = svg.getPicture();
    } catch (SVGParseException e) {
      e.printStackTrace();
    } catch (IOException e) {
      e.printStackTrace();
    }
  }

  public void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.save();
    // Code for centering the SVG.
    canvas.translate((getWidth() - scaleFactor * picture.getWidth()) >> 1,
      (getHeight() - scaleFactor * picture.getHeight()) >> 1);
    canvas.scale(scaleFactor, scaleFactor);
    canvas.drawPicture(picture);
    canvas.restore();
  }
}

В приведенном фрагменте важна строка:

setLayerType(View.LAYER_TYPE_SOFTWARE, null);

Также загрузите и используйте SVG-Android-2 вместо его первой версии.

Кроме того, вы можете настроить этот код так, чтобы SVG отображался как фоновое изображение. Вы просто должны масштабировать SVG с определенным фактором, а затем позволить onDraw() метод делает свою работу.

Также обратите внимание, что мое изображение SVG хранится в assets папка и поэтому я использовал AssetManager загрузить SVG, как показано в приведенном выше коде.