Как прокрутить «бесконечно» широкий вид в Android?

Question

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

Должен ли я перейти к программному добавлению (и удалению) кусков вида к линейной компоновке? Было бы здорово услышать, какие впечатления существуют в отношении такого типа прокручиваемого пользовательского контроля.

Благодаря /Erik

Answer 1

Если вы работаете со списком/сеткой или чем-нибудь, что использует адаптер для данных, вы можете использовать самые превосходные класс написанный CommonsWare и доступен здесь:

http://github.com/commonsguy/cwac-endless

это было специально для этой цели

Answer 2

использовать закадровый буфер размер вашего контроля.

Сначала сделайте это простым способом. Нарисуйте весь экранный эквалайзер, прокручивающийся до нужного положения. Когда готово, blit это к фактическому экрану.

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

Это несколько сложно реализовать (поэтому я предложил простой подход в первую очередь), но попытайтесь представить себе бумагу с изображением на ней, а левую сторону вы оберните и приклейте его к правой стороне (так что вы получите трубку). Таким образом, вы можете прокручивать бумагу бесконечно (вращая трубку вокруг оси y).

Аналогичным образом вы можете сделать то же самое с заставным буфером. Подготовьте буфер вне экрана, нарисуя на нем полное содержимое.

Теперь для прокрутки вправо вы в основном разделяете буфер затвора в 2 (путем этого вертикального разделения (точно так же, как бумага в примере, где был клей)). предположим, что вы прокручиваете 10 пикселей вправо, что вы делаете:

• Скопируйте правую часть раскола (находящегося в пикселе 10) в пиксель 0 вашего элемента управления. (поэтому вся область от (10, 0) - (ширина - высота) до: (0,0)
• затем скопируйте левую сторону раскола: пиксель от 0 до 10 до ширины пикселя -10. так: (0,0) - (10, высота) до (ширина-10, 0)

Прежде чем вы сделаете это, ТОЛЬКО перерисуйте пиксели, которые должны были быть изменены (в данном случае 10 пикселей с тех пор, как мы прокрутили 10 пикселей) Все остальные пиксели по-прежнему идентичны и не нуждаются в перерисовке.

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

p.s.прокрутка во всех направлениях может быть достигнута точно так же (хотя еще труднее получить право); ^)

Answer 3

немного опоздал на вечеринку, но я полагал, что я хотел бы показать вам гораздо проще путь: вам просто нужен размер экрана или размер вашего фонового изображения, d затем вызовите следующий код (при условии, что вы расширяете представление и переопределяете onDraw):

private void drawEndlessBackground(Canvas canvas, float left, float top) { 

    float modLeft = left % screenWidth; 

    canvas.drawBitmap(backgroundImage, modLeft, top, null); 

    if (left < 0) { 

     canvas.drawBitmap(backgroundImage, modLeft + screenWidth, top, null); 

    } else { 

     canvas.drawBitmap(backgroundImage, modLeft - screenWidth, top, null); 

    } 



} 

Answer 4

как насчет в XML? частная пустота drawEndlessBackground (холст холст, поплавок слева, поплавок вверху) {

float modLeft = left % screenWidth; 

canvas.drawBitmap(backgroundImage, modLeft, top, null); 

if (left < 0) { 

    canvas.drawBitmap(backgroundImage, modLeft + screenWidth, top, null); 

} else { 

    canvas.drawBitmap(backgroundImage, modLeft - screenWidth, top, null); 

}