Как нарисовать много прямоугольников на холсте с хорошей производительностью?

Question

Мне нужно отобразить карту кинозала с секторами, рядами и сиденьями. В настоящее время у меня есть около 1000 мест (заполненные прямоугольники), чтобы нарисовать, и я делаю это для каждого сиденья по телефону:

canvas.drawRect(seatRect, seatPaint) 

мой взгляд, должен также поддерживать масштабирование, прокрутка и брыкаться. Спектакль ужасен. Я попытался улучшить его, явно включив аппаратное ускорение, но ничего не изменилось. По-моему, он был включен по умолчанию на моем Nexus 4 (Api 22)

Не могли бы вы предложить какие-либо способы визуализации огромного количества прямоугольников на высокой скорости? Поэтому движение, масштабирование анимации является гладким.

Пользовательский код Просмотр класс:

@Override 
public void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 

    canvas.save(); 
    canvas.scale(mScaleFactor, mScaleFactor); // scaling support 
    canvas.translate(mTranslateX, mTranslateY); // scrolling support 

    if (mEventMap != null) { 
     mEventMap.paint(canvas); 
    } 

    canvas.restore(); 
} 

код EventMap:

public void paint(Canvas canvas) { 
    for (EventPlace place : places) { 
     if (place.isSelected()) 
      placePaint.setColor(0xFF00FF00); 
     else if (place.isAvailable()) 
      placePaint.setColor(place.getColor()); 
     else 
      placePaint.setColor(0xFF000000); 

     canvas.drawRect(place.getBounds(), placePaint); 
    } 
} 

Ни один из методов, называемых в OnDraw не создает каких-либо экземпляров. Есть только много прямоугольников ...

Answer 1

Основная проблема, с которой вы сейчас сталкиваетесь, в основном состоит в том, что вы выполняете большое количество циклов рисования (равное количеству найденных вами Ректов), лучше хранить все эти прямоугольники в объекте Path, чтобы уменьшить количество циклов рисования. Поскольку у вас есть три состояния мест, я предлагаю создать три Пути. Я предложил бы делать что-то вроде этого:

private void init() { 
    mSelectedPath = new Path(); 
    mAvailablePath = new Path(); 
    mUnavalablePath = new Path(); 

    mAvailablePaint = new Paint(); 
    mSelectedPaint = new Paint(); 
    mUnavalablePaint = new Paint(); 

    mUnavalablePaint.setColor(Color.RED); 
    mSelectedPaint.setColor(Color.YELLOW); 
    mAvailablePaint.setColor(Color.GREEN); 

    for (EventPlace place : mData) { 
     if (place.isSelected()) 
      mSelectedPath.addRect(rectF, Path.Direction.CW); 
     else if (place.isAvailable()) 
      mAvailablePath.addRect(rectF, Path.Direction.CW); 
     else 
      mUnavalablePath.addRect(rectF, Path.Direction.CW); 
    } 
} 

Тогда, когда вы хотите связать дату с этим видом вы должны сделать что-то вроде этого:

public void setData(List<EventPlace> data) { 
    mData = data; 
    init(); 
    invalidate(); 
} 

На самом деле вы можете сделать это, как вам нравится, просто держать в виду, что вам нужно вызвать метод init, а затем сделать недействительным. И в OnDraw:

@Override 
protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 

    canvas.save(); 
    canvas.scale(mScaleFactor, mScaleFactor); // scaling support 
    canvas.translate(mTranslateX, mTranslateY); // scrolling support 

    canvas.drawPath(mAvailablePath, mAvailablePaint); 
    canvas.drawPath(mUnavalablePath, mUnavalablePaint); 
    canvas.drawPath(mSelectedPath, mSelectedPaint); 

    canvas.restore(); 
} 

Возможно, вы также хотите бы добавить некоторый логик, чтобы исключить те прямоугольники, которые не видны на данный момент из путей для того, чтобы настройки производительности.

Я попробовал анимировать свой подход на тестовом наборе прямоугольников и он работает гладко с 200 прямоугольниками, я не пытался выполнять серьезный тест, хотя