Опыт на IVX в домашней странице карусельного, показывающий влияние

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

1. Используй массив для хранения фото , чтобы показать ресурс ,
так как это естественно иметь карусельный диаграмма , показывающие изображения, это демо не подстава картинки в массив. И добавьте числовую переменную - номер текущего, он является представителем нынешнего шоу, какой из четырех фотографий в картины.
Here Вставка рисунка Описание

2. Части изображения дисплей ,
и что часть дисплея изображения, изображение промежуточного узла, левая и правые значки отображения используется для переключения изображения.
Here Вставка рисунка Описание
Фотографии компонентов ресурсов адрес данных связаны одномерный массив из одного элемента, и этот элемент будет меняться с текущим значением числа переменного изменяется. Есть одномерный массив в четырех числах изображения начинаться с 0 : 0, 1, например, текущий номер последовательности равна 0, то компоненты изображения отображаются являются массивом порядкового номера 0 в первую картину.
Here Вставка рисунка Описание
3. картинка карусельного
в демонстрационном в картинной карусели на левой и правой стрелки , чтобы достичь. Нажмите на текущем п + стрелка вправо покажет массив следующей фотографии. Здесь мы должны обратить внимание на дело с границей, потому что , когда вы показываете картинку на четвертый номер текущего уже 3, а затем нажмите стрелку вправо +1 станем на 4, но на этот раз не заказывал один одномерный массив из 4 пятый элемент изображения, поэтому мы помещаем текущий номер сброса на ноль, чтобы начать с нуля , чтобы показать (массив чисел начинаются с 0, 0,1,2 ··· N-1, это число элементов п, так что, когда п равно число границ может быть определена).
Влево Стрелка событие по той же причине, один раз нажать на текущее число минус 1, показывающий массив предыдущего изображения, например, когда показывать номер 0. Первая картина становится минус 1 -1, что что нам нужно установить к числу повторного числа последней картины шоу. Поэтому текущий номер будет только 0,1,2,3. Переключение между этими четырьмя значениями.
Here Вставка рисунка Описание
4. Улучшение изображения карусельных частей - количество фотографий в одномерном массиве неизвестности ,
так как фактические случаи может быть сценарием использования, массив , чтобы получить изображение из базы данных, также будет добавлено количество снимков или вычитается, она непосредственно не фиксируется на значение , записанное , когда граница логики обработки записи. Например, массив и добавить изображение, затем нажмите предыдущую редакция будет по- прежнему показывает только первую четыре картины, граничное лечения есть проблемы. Может быть изменено на следующую схему, количество элементов 4 в одномерный массив (на самом деле, число элементов может быть найдено в массиве-демо дружит).
Here Вставка рисунка Описание
5. Улучшение части изображения карусель - Autoplay
В этой демонстрации в изображении карусели осуществляется нажатием на иконку, но я ленив и дерзок, я не хочу , чтобы указать , я хочу играть под его автоматической. Здесь также метод, достигается с помощью триггера. Добавьте триггер внутри строки.
Here Вставка рисунка Описание
Trigger панели свойств есть четыре, количество игр , которые могут вызвать несколько раз триггер, интервал времени является временной интервал между двумя соседними триггером, не автовоспроизведении открыть курок сам начал спускового один за другим , пока количество игр или вы позволите ему сделать паузу, анимация принадлежит к оптимизации производительности оптимизации.
Here Вставка рисунка Описание
Здесь , чтобы добавить событие в триггер, а затем нажмите кнопку со стрелкой вправо, чтобы скопировать событие над ним. Включите триггер автоматического воспроизведения, установить временной интервал 1 сек, то текущее число будет +1 каждый 1 второй карусельного также , естественно , каждый 1 секунды , чтобы играть следующую картину.
Here Вставка рисунка Описание
Here Вставка рисунка Описание
6. Индикатор часть
демонстрационная использует четыре линии достигается индикатор сборки, цвет каждой строки сделаны привязки данных. Тройные выражения , используемые здесь, в настоящее время число равно 2 устанавливается в передней части цвет фона # 5FA2DD, если последний установлен # E6E9F5 (код цвета). После такого связывания, например, только текущий номер строки равен 0 верно выражения тройных с цветом фона синего цвета, остальные три тройных выражениями с конвейером являются ложными, позади дисплей серого цвета.
Here Вставка рисунка Описание
Here Вставка рисунка Описание
7. Улучшение индикаторной части
первой демо - индикатора является пустая строка , чтобы достичь, но даже пустая строка будет создать полный объект в коде и тратить много ресурсов, поэтому он может быть заменен на разделительной линии компонент. Люди, если их требования стиля, также могут быть достигнуты с картинками и иконками.
Here Вставка рисунка Описание
Там будет демо из четырех изображений фиксированы, а количество фактически используется в картине может быть неопределенным, так что мы можем создать цикл , чтобы создать картину с соответствующим числом показателей. Это будет просто создать указатель, и первый из нескольких показателей в фиксированное значение из текущего No. 1 Фиолетового цикла создается на созданном в этой части цикла может ссылаться говорить эссе сообщений , созданные.
Here Вставка рисунка Описание
Here Вставка рисунка Описание
8. Заключение
IVX функция является очень мощной, но и очень тонким компонентом пакета, мы можем использовать его для достижения многих эффектов, просто посмотреть на то, как мы сочетание этих компонентов. Тогда для случая, наш ум и логическое мышление особенно важно. С их помощью мы можем пойти, чтобы выбрать нужные компоненты, собранные в случае, мы хотим, чтобы избежать нерационального использования ресурсов и уменьшить сложность дела, на практике она медленно накапливают.

рекомендация

отblog.51cto.com/14556317/2477275