WEBVTT

00:00:00.000 --> 00:00:02.715
Привет всем. Я Оля.

00:00:02.715 --> 00:00:05.310
Я менеджер программы on.NET команды.

00:00:05.310 --> 00:00:08.355
Супер рады быть
часть этого мероприятия.

00:00:08.355 --> 00:00:10.980
Я буду с вами, ребята, весь день сегодня

00:00:10.980 --> 00:00:14.610
представляя ораторов и
работает вопросы с Джеймсом.

00:00:14.610 --> 00:00:18.930
Мы только что услышали удивительный
основной, очень вдохновляет.

00:00:18.930 --> 00:00:21.585
Теперь, я очень рад представить

00:00:21.585 --> 00:00:24.720
наши следующие ораторы, Хавьер и Джеральд.

00:00:24.720 --> 00:00:29.230
Они будут говорить о
визуализация данных.

00:00:29.390 --> 00:00:32.340
Здравствуй. Да, вот и мы.

00:00:32.340 --> 00:00:33.790
Здравствуй.

00:00:34.070 --> 00:00:37.640
Большое спасибо. Так что пусть

00:00:37.640 --> 00:00:40.580
мне просто пойти в непосредственно
и поделиться своим экраном.

00:00:40.580 --> 00:00:44.330
Здесь мы идем, и получать
эта сессия началась.

00:00:44.330 --> 00:00:47.105
Так что да, как уже упоминалось,

00:00:47.105 --> 00:00:50.060
мы собираемся поговорить о
сегодня визуализация ваших данных,

00:00:50.060 --> 00:00:51.965
так что мы будем говорить
о CollectionView,

00:00:51.965 --> 00:00:54.725
КарусельВью, пара
других вещей.

00:00:54.725 --> 00:00:57.110
Я думаю, Дэвид и Мэдди

00:00:57.110 --> 00:01:00.290
уже поделились некоторыми из
боже, что мы собираемся показать.

00:01:00.290 --> 00:01:02.720
Но мы сделаем все возможное, чтобы
дать вам немного больше

00:01:02.720 --> 00:01:05.375
глубокого погружения и показать вам, что

00:01:05.375 --> 00:01:08.000
на самом деле возможно с
все эти удивительные элементы управления

00:01:08.000 --> 00:01:11.195
которые находятся в Xamarin
Формы доступны сегодня.

00:01:11.195 --> 00:01:13.055
Так это мы,

00:01:13.055 --> 00:01:17.080
то, по крайней мере, вы будете знать,
кого вы будете слушать.

00:01:17.080 --> 00:01:22.085
Меня зовут Джеральд Верслуис
из Нидерландов,

00:01:22.085 --> 00:01:23.840
и мой хороший друг Хавьер,

00:01:23.840 --> 00:01:28.280
мы оба являемся частью Xamarin
Формирует команду, инженеров-программистов.

00:01:28.280 --> 00:01:31.070
Так что да, мы создаем
некоторые вещи

00:01:31.070 --> 00:01:34.490
что вы, надеюсь, нравится использовать.

00:01:34.490 --> 00:01:37.280
Сегодня мы поговорим
об этих вещах в основном.

00:01:37.280 --> 00:01:39.245
У нас есть много, чтобы покрыть.

00:01:39.245 --> 00:01:42.620
Так что у нас будет много
различных демо объединения

00:01:42.620 --> 00:01:46.495
все эти удивительные элементы управления и
Функции. Так что старайтесь идти в ногу.

00:01:46.495 --> 00:01:47.690
Если у вас есть какие-либо вопросы,

00:01:47.690 --> 00:01:49.340
пожалуйста, обращайтесь к любому из нас,

00:01:49.340 --> 00:01:51.470
мы рады ответить на любые вопросы.

00:01:51.470 --> 00:01:53.810
Хавьер и я переключимся
пару раз.

00:01:53.810 --> 00:01:55.430
Так что если вы видите ваш экран

00:01:55.430 --> 00:01:57.470
мерцание или что-нибудь
еще смешно происходит,

00:01:57.470 --> 00:01:58.940
Не волнуйтесь, это все мы,

00:01:58.940 --> 00:02:01.775
Это не ты. Начнем.

00:02:01.775 --> 00:02:04.475
Я собираюсь поговорить немного
о CollectionView во-первых,

00:02:04.475 --> 00:02:07.025
и Хавьер возьмет на себя.

00:02:07.025 --> 00:02:10.250
Да, как я уже сказал, мы будем
переключиться пару раз.

00:02:10.250 --> 00:02:13.055
Поэтому всякий раз, когда вы слышите
красивый испанский акцент,

00:02:13.055 --> 00:02:15.180
Затем Хавьер взял на себя.

00:02:16.660 --> 00:02:19.265
Начнем с CollectionView.

00:02:19.265 --> 00:02:20.960
CollectionView в основном

00:02:20.960 --> 00:02:23.285
духовный преемник
ListView.

00:02:23.285 --> 00:02:29.155
ListView мы все знаем или вы
знаю и любовь, мы все использовали его.

00:02:29.155 --> 00:02:31.970
Но да, вы можете любить
это, вы можете ненавидеть его.

00:02:31.970 --> 00:02:35.105
Дело в том, что нам нужно в
в основном все наши приложения.

00:02:35.105 --> 00:02:36.830
Мы должны показывать данные в наших приложениях,

00:02:36.830 --> 00:02:38.960
это в основном фундаментальное

00:02:38.960 --> 00:02:42.290
каждое приложение, которое вы используете.

00:02:42.290 --> 00:02:45.230
Но да, есть
были некоторые вещи с

00:02:45.230 --> 00:02:47.990
ListView, который можно улучшить.

00:02:47.990 --> 00:02:50.615
Так вот почему мы пришли
с последним видом.

00:02:50.615 --> 00:02:52.940
Мы взяли все знания из

00:02:52.940 --> 00:02:56.390
ListView и положить его
в этом новом контроле,

00:02:56.390 --> 00:03:01.730
и вы можете использовать это, чтобы показать
все данные в разных макетах.

00:03:01.730 --> 00:03:03.320
У вас больше гибкости,

00:03:03.320 --> 00:03:06.545
и, прежде всего, это больше
выполнения, чем когда-либо прежде.

00:03:06.545 --> 00:03:11.045
Таким образом, вы можете видеть вниз
здесь маленький образец,

00:03:11.045 --> 00:03:13.500
где вы можете определить
CollectionView.

00:03:13.500 --> 00:03:15.680
Все это работает, конечно, в XAML и

00:03:15.680 --> 00:03:19.580
кодировать так же, как вы
используется для из форм Xamarin.

00:03:19.580 --> 00:03:23.150
Вы можете указать источник элемента
так же, как на ListView.

00:03:23.150 --> 00:03:26.480
Но теперь, вы также можете
указать расположение элементов.

00:03:26.480 --> 00:03:27.500
Таким образом, вы можете указать,

00:03:27.500 --> 00:03:29.900
Вы хотите, чтобы он вертикальный
или горизонтальные,

00:03:29.900 --> 00:03:33.710
и вы также можете сказать, вы
может быть, хотят, чтобы он в сетке.

00:03:33.710 --> 00:03:35.990
Так что да, есть уже

00:03:35.990 --> 00:03:39.020
некоторую гибкость, что вы можете
видеть происходит прямо здесь.

00:03:39.020 --> 00:03:41.180
Это все, что вы можете

00:03:41.180 --> 00:03:44.060
использовать сегодня из коробки
с CollectionView.

00:03:44.060 --> 00:03:45.470
Так что, если у нас есть привязки данных,

00:03:45.470 --> 00:03:47.480
затем вы можете использовать шаблоны данных,

00:03:47.480 --> 00:03:49.670
шаблоны селекторов, конечно.

00:03:49.670 --> 00:03:51.275
Вы можете использовать различные макеты.

00:03:51.275 --> 00:03:55.175
Справа здесь, вы можете увидеть
например, макет сетки.

00:03:55.175 --> 00:03:57.170
Вы можете использовать выбор элементов,

00:03:57.170 --> 00:03:59.630
так что вы можете нажать на один пункт в

00:03:59.630 --> 00:04:03.840
CollectionView и
сделать вашу магию на этом.

00:04:03.840 --> 00:04:06.290
Вы можете просверлить до
подробный вид оттуда.

00:04:06.290 --> 00:04:07.715
У нас пустой вид.

00:04:07.715 --> 00:04:09.875
Поэтому всякий раз, когда вы можете смешать это с

00:04:09.875 --> 00:04:13.370
поиск бар и нет
результаты для поиска действий,

00:04:13.370 --> 00:04:16.400
Вы можете всплывающее этот пустой
вид без пота.

00:04:16.400 --> 00:04:20.840
Вам не нужно менять любые
взгляды в вашем собственном визуальном дереве.

00:04:20.840 --> 00:04:23.510
Вы можете просто сделать это напрямую
из CollectionView.

00:04:23.510 --> 00:04:25.715
Мы также улучшили прокрутку.

00:04:25.715 --> 00:04:28.430
Итак, теперь у вас есть событие
с большим количеством информации.

00:04:28.430 --> 00:04:30.920
Вы можете определить, насколько быстро
кто-то прокручивает,

00:04:30.920 --> 00:04:32.390
в какую сторону они прокрутки,

00:04:32.390 --> 00:04:34.865
и мы также будем иметь
прокрутки метода.

00:04:34.865 --> 00:04:36.770
Таким образом, вы можете легко прокрутить

00:04:36.770 --> 00:04:38.900
определенный момент в
ваш CollectionView.

00:04:38.900 --> 00:04:42.530
Это всего лишь несколько вещей,
что мы реализовали в

00:04:42.530 --> 00:04:46.730
этот удивительный новый контроль, что
является Xamarin формы прямо сейчас.

00:04:46.730 --> 00:04:51.695
Так что давайте просто быстро перейти в
Визуальная студия и показать некоторые демо.

00:04:51.695 --> 00:04:55.450
Надеюсь, мы идем.

00:04:55.450 --> 00:04:57.530
Так вот у нас есть визуальный
Студия для Мака.

00:04:57.530 --> 00:04:59.750
Если вы еще не видели его раньше,

00:04:59.750 --> 00:05:03.155
Вы можете просто использовать Visual
Студия на Mac прямо сейчас.

00:05:03.155 --> 00:05:06.140
Давайте просто сначала идти
в какой-то визуальной демо.

00:05:06.140 --> 00:05:09.505
Так что у меня есть iOS
эмулятор открыть прямо здесь.

00:05:09.505 --> 00:05:12.575
Хавьер и я создали
немного образца приложения.

00:05:12.575 --> 00:05:17.330
Теперь, заметьте, это демо
взяты ели из нашей галереи приложение,

00:05:17.330 --> 00:05:19.430
которая является частью
Хранилище Xamarin формы,

00:05:19.430 --> 00:05:21.350
где мы запускаем все наши тесты.

00:05:21.350 --> 00:05:25.160
Так что это не обязательно может
быть красивым приложением,

00:05:25.160 --> 00:05:27.350
но это функциональный, и у нас есть

00:05:27.350 --> 00:05:30.290
некоторые более красивыми
образцы, чтобы показать вам.

00:05:30.290 --> 00:05:33.620
Вы можете стиль это любым способом вы
хочу в конце этой сессии.

00:05:33.620 --> 00:05:37.160
Так что не смущайтесь, если это
не выглядит совершенно удивительно,

00:05:37.160 --> 00:05:39.920
но сосредоточиться на том, что
функционально происходит здесь.

00:05:39.920 --> 00:05:42.320
Таким образом, мы в основном приняли повестку дня,

00:05:42.320 --> 00:05:43.490
и вот все разные вещи,

00:05:43.490 --> 00:05:44.630
у нас есть CollectionView,

00:05:44.630 --> 00:05:48.185
КарусельВид, IndicatorView
и все вещи.

00:05:48.185 --> 00:05:51.445
Но давайте пойдем с
CollectionView прямо сейчас.

00:05:51.445 --> 00:05:55.845
Как я уже говорил,
Вы можете просто пойти с

00:05:55.845 --> 00:05:59.600
коллекция строк
у нас есть прямо здесь.

00:05:59.600 --> 00:06:01.310
Вот оно.

00:06:01.310 --> 00:06:03.110
Это просто коллекция строк.

00:06:03.110 --> 00:06:05.840
Вы подключить, что до
источник товара и бум,

00:06:05.840 --> 00:06:08.505
у вас есть CollectionView
со строками.

00:06:08.505 --> 00:06:10.490
Как вы можете видеть, это также

00:06:10.490 --> 00:06:13.130
с выбором
возможности.

00:06:13.130 --> 00:06:15.560
Таким образом, вы можете выбрать элементы прямо здесь,

00:06:15.560 --> 00:06:17.630
и на основе выбранного события или

00:06:17.630 --> 00:06:19.865
команда, которую вы подключить к этому,

00:06:19.865 --> 00:06:23.160
Вы могли бы пойти в
следующий экран отсюда.

00:06:23.360 --> 00:06:26.990
Как вы можете видеть, есть
много вещей здесь,

00:06:26.990 --> 00:06:30.005
так что вы, вероятно, хотите
проверить это для себя.

00:06:30.005 --> 00:06:32.944
Все функциональные возможности

00:06:32.944 --> 00:06:35.630
перечисленных и вы можете
есть играть с этим.

00:06:35.630 --> 00:06:38.990
Так что большинство из этих вещей будет
также имеют различные различия в

00:06:38.990 --> 00:06:42.800
код в, может быть, XAML и
горизонтальный, вертикальный.

00:06:42.800 --> 00:06:45.845
Как я уже сказал, это также
используется для запуска наших тестов на.

00:06:45.845 --> 00:06:47.660
Так что здесь много всего.

00:06:47.660 --> 00:06:49.220
Другая вещь, которая
Я хочу показать вам

00:06:49.220 --> 00:06:51.590
здесь, что это сочетает в себе
пара вещей, которые

00:06:51.590 --> 00:06:55.265
Я говорил раньше является
селектор шаблона данных.

00:06:55.265 --> 00:06:59.765
Таким образом, этот шаблон выбирает
всякий раз, когда это будний день.

00:06:59.765 --> 00:07:02.780
Он использует шаблон для
плюс по некоторым причинам.

00:07:02.780 --> 00:07:07.400
Всякий раз, когда это выходные, мы
увидеть эту другую иконку здесь.

00:07:07.400 --> 00:07:10.490
Так что это повторяется
в течение нескольких раз.

00:07:10.490 --> 00:07:12.140
Но вы можете легко фильтровать это.

00:07:12.140 --> 00:07:14.660
Так что, если я просто пойду на понедельник,

00:07:14.660 --> 00:07:16.580
открытие на самом деле не оптимизировано,

00:07:16.580 --> 00:07:17.970
так что это занимает немного,

00:07:17.970 --> 00:07:19.670
и я должен нажать "Enter",

00:07:19.670 --> 00:07:21.320
Вы увидите все понедельники.

00:07:21.320 --> 00:07:24.200
Если мы ищем что-то
что здесь нет,

00:07:24.200 --> 00:07:26.870
так что в понедельник день, вы можете видеть, что это

00:07:26.870 --> 00:07:29.720
пустой вид, потому что мы не
есть какие-либо результаты поиска здесь.

00:07:29.720 --> 00:07:31.715
Так что он будет всплывающее пустой вид,

00:07:31.715 --> 00:07:35.180
и это именно то, что
Вы получите из коробки

00:07:35.180 --> 00:07:40.210
всякий раз, когда ваша коллекция не
есть какие-либо элементы там.

00:07:40.210 --> 00:07:43.170
Так что же у нас есть больше?
Конечно, это все

00:07:43.170 --> 00:07:45.844
работает с наблюдаемыми коллекциями.

00:07:45.844 --> 00:07:48.800
Таким образом, вы можете просто взять
это, и вы можете видеть

00:07:48.800 --> 00:07:52.490
здесь у нас есть пара
контроль здесь, в верхней части.

00:07:52.490 --> 00:07:54.380
У нас также есть заголовки и колонтитулы.

00:07:54.380 --> 00:07:57.410
Я думаю, Хавьер покажет
Вы немного об этом.

00:07:57.410 --> 00:07:59.630
Но здесь у нас есть предметы,

00:07:59.630 --> 00:08:02.210
и потому, что это
наблюдаемая коллекция,

00:08:02.210 --> 00:08:05.300
Вы можете наблюдать любые изменения, которые
произойдет в этой коллекции.

00:08:05.300 --> 00:08:07.580
Так что мы можем удалить пару здесь,

00:08:07.580 --> 00:08:10.700
и вы видите, что это
обновляется автоматически.

00:08:10.700 --> 00:08:13.970
Всякий раз, когда мы хотим вставить
несколько вещей,

00:08:13.970 --> 00:08:16.550
он будет здесь вставлен в верхней части.

00:08:16.550 --> 00:08:19.070
Я также могу указать
по-разному индекс к

00:08:19.070 --> 00:08:22.160
вставить его в другой
позиции, если я хочу.

00:08:22.160 --> 00:08:26.705
Так что да, и я могу также двигаться
пару из этих вещей вокруг.

00:08:26.705 --> 00:08:32.085
Таким образом, вы видите это просто работает мгновенно.

00:08:32.085 --> 00:08:33.780
Очень исполнитель, это выглядит хорошо,

00:08:33.780 --> 00:08:37.870
он имеет эту увядание анимации.
Выглядит потрясающе.

00:08:38.820 --> 00:08:41.650
Так что же у нас есть больше?
У нас есть точки щелчки.

00:08:41.650 --> 00:08:43.510
Это тоже что-то
мы представили.

00:08:43.510 --> 00:08:45.310
Так что если вы никогда не видели его раньше,

00:08:45.310 --> 00:08:47.930
Давайте возьмем вертикальный список на этот раз.

00:08:48.030 --> 00:08:51.310
Точки привязки в основном означают
что всякий раз, когда вы прокрутите,

00:08:51.310 --> 00:08:52.690
Я имею в виду, теперь, это ничего не делает.

00:08:52.690 --> 00:08:53.800
Но всякий раз, когда мы выбираем

00:08:53.800 --> 00:08:57.670
оснастки точки здесь и
мы установили его обязательным,

00:08:57.670 --> 00:09:00.520
то вы видите, когда я прокрутки
здесь, и я поставил его на что-то,

00:09:00.520 --> 00:09:04.150
он щелкает, чтобы получить
определенный пункт, и вы можете

00:09:04.150 --> 00:09:08.275
влиять на это поведение, установив
здесь начало или центр.

00:09:08.275 --> 00:09:10.240
Поэтому всякий раз, когда я устанавливаю его в центр,

00:09:10.240 --> 00:09:11.755
он будет центр ноезм пункта.

00:09:11.755 --> 00:09:14.740
Итак, прямо сейчас, вы видите два пункта здесь,

00:09:14.740 --> 00:09:16.015
но теперь я начинаю прокрутку,

00:09:16.015 --> 00:09:19.600
и всякий раз, когда у меня нет
пункт в центре здесь,

00:09:19.600 --> 00:09:24.430
он будет убедиться, что он щелкает
к элементу центра прямо здесь.

00:09:24.430 --> 00:09:26.530
Так что это будет выглядеть
красивый в ваших конструкций,

00:09:26.530 --> 00:09:28.390
и вы можете сделать это
работать в любом случае вы хотите.

00:09:28.390 --> 00:09:30.940
Вы можете настроить пару

00:09:30.940 --> 00:09:33.730
вещей здесь, чтобы сделать это
работать с вашим дизайном.

00:09:33.730 --> 00:09:35.500
Так что же у нас есть больше?

00:09:35.500 --> 00:09:37.915
Мы также должны прокрутить
тоже, я уже упоминал.

00:09:37.915 --> 00:09:40.480
Опять же, несколько вариантов
здесь, чтобы выбрать из.

00:09:40.480 --> 00:09:43.060
Давайте просто выберем один
и мы можем сказать: "Хорошо,

00:09:43.060 --> 00:09:46.570
прокрутить индекс, так что у нас есть
количество пунктов здесь снова ",

00:09:46.570 --> 00:09:51.175
как я уже говорил, не обязательно
очень красивая, но это работает.

00:09:51.175 --> 00:09:54.235
Так что, если я скажу прокрутить
индекс, и я говорю 10,

00:09:54.235 --> 00:09:56.065
который не в поле зрения прямо здесь,

00:09:56.065 --> 00:09:57.385
и я делаю это,

00:09:57.385 --> 00:09:59.845
то он будет убедиться,
что он прокручивает до 10.

00:09:59.845 --> 00:10:02.470
Потому что я установил свиток
положение, чтобы сделать видимым,

00:10:02.470 --> 00:10:03.670
это просто сделает его видимым.

00:10:03.670 --> 00:10:05.065
Так что это будет в конце сейчас.

00:10:05.065 --> 00:10:07.900
Но я также могу настроить это, чтобы
быть в стартовом центре или конце.

00:10:07.900 --> 00:10:11.275
Так что если я установить это будет на
начать, и я нажимаю "Go" снова,

00:10:11.275 --> 00:10:14.900
он будет убедиться, что это
элемент представлен в начале.

00:10:17.130 --> 00:10:19.450
Что у меня есть больше?

00:10:19.450 --> 00:10:22.090
(неразборчиво), мы идем
чтобы увидеть, что позже.

00:10:22.090 --> 00:10:23.620
Пустой вид, мы уже видели, что

00:10:23.620 --> 00:10:25.510
немного и выбор, а также.

00:10:25.510 --> 00:10:28.015
Но давайте просто быстро
погрузиться в это.

00:10:28.015 --> 00:10:29.980
У нас есть несколько режимов отбора.

00:10:29.980 --> 00:10:33.550
Таким образом, вы можете иметь один или один
несколько вариантов здесь или нет,

00:10:33.550 --> 00:10:35.320
что также является возможностью.

00:10:35.320 --> 00:10:37.600
Так что прямо сейчас, я могу выбрать что-нибудь.

00:10:37.600 --> 00:10:39.580
Но когда я поставила его на один,

00:10:39.580 --> 00:10:41.320
то вы можете выбрать один
вариантов здесь.

00:10:41.320 --> 00:10:43.990
Вы можете видеть, что также
работает в сетке макет,

00:10:43.990 --> 00:10:49.240
и вы можете увидеть здесь все
информация, поступающего с мероприятия.

00:10:49.240 --> 00:10:51.520
Мы также можем сделать несколько.

00:10:51.520 --> 00:10:56.860
Так что прямо сейчас, вы видите, что я
есть выбор кратных.

00:10:56.860 --> 00:10:59.230
Я хотел бы войти в код прямо здесь,

00:10:59.230 --> 00:11:02.380
но я вижу, что я беру
до некоторое время уже,

00:11:02.380 --> 00:11:06.400
так что я думаю, что я просто передать его
Хавьеру прямо сейчас и Хавьеру

00:11:06.400 --> 00:11:10.360
может показать немного
кода и погрузиться в это.

00:11:10.360 --> 00:11:12.475
Итак, Хавьер, убирай его.

00:11:12.475 --> 00:11:16.630
Я постараюсь. Так что давайте
продолжать с большим количеством сотрудников

00:11:16.630 --> 00:11:19.330
о представлении коллекции, потому что в

00:11:19.330 --> 00:11:22.405
факт, что у нас есть сумасшедший
количество образцов.

00:11:22.405 --> 00:11:28.900
Так что я не знаю точно, где
Вы вы оставите образец.

00:11:28.900 --> 00:11:31.390
Позвольте мне выполнить, в этом случае,

00:11:31.390 --> 00:11:35.720
с помощью андроида, все, что
вы используете с iOS. Так что давайте посмотрим.

00:11:39.360 --> 00:11:42.760
Я просто поговорю, пока
Вы получите это работает.

00:11:42.760 --> 00:11:44.980
Я знала, что ты идешь.
чтобы показать Android.

00:11:44.980 --> 00:11:46.825
Я имею в виду, это все формы Ксамарина.

00:11:46.825 --> 00:11:49.165
Так что все, что мы реализовали,

00:11:49.165 --> 00:11:52.600
Вы можете сделать это на Android всякий раз, когда
эмулятор работает, и вы

00:11:52.600 --> 00:11:56.365
может сделать это на iOS, и это будет
оба показывают схожие результаты.

00:11:56.365 --> 00:12:02.350
Так что да, вот почему я
решили сделать это на iOS.

00:12:02.350 --> 00:12:07.000
Так что я чувствую, что у меня есть
проблема с симулятором.

00:12:07.000 --> 00:12:10.150
Я не знаю, почему это
не работает. Ничего?

00:12:10.150 --> 00:12:12.895
Хорошо, хорошо. Не торопись
мне просто продолжать?

00:12:12.895 --> 00:12:16.120
Да, да. Пожалуйста, продолжайте
с демо.

00:12:16.120 --> 00:12:17.230
Хорошо, хорошо.

00:12:17.230 --> 00:12:20.245
Я совершила ошибку и готовлюсь

00:12:20.245 --> 00:12:21.925
все демо,

00:12:21.925 --> 00:12:23.815
как час назад,

00:12:23.815 --> 00:12:28.555
Я чувствую, что, может быть, это
была не самая лучшая идея.

00:12:28.555 --> 00:12:33.955
Ни в коем случае. Я просто заполню время.

00:12:33.955 --> 00:12:35.305
Дайте мне знать, когда вы будете готовы.

00:12:35.305 --> 00:12:38.845
Так что давайте посмотрим.

00:12:38.845 --> 00:12:40.420
вот так. Извините за

00:12:40.420 --> 00:12:42.370
мигающие экраны и
все, здесь мы идем.

00:12:42.370 --> 00:12:44.530
Давайте просто посмотрим, что бы ни
у нас есть больше здесь.

00:12:44.530 --> 00:12:49.555
Так что вы можете сделать больше с
представление коллекции, у нас есть выбор.

00:12:49.555 --> 00:12:51.220
Вы также можете сделать группировку.

00:12:51.220 --> 00:12:54.250
Так что это также то, что вы
возможно, знает из представления списка.

00:12:54.250 --> 00:12:56.815
Так что здесь у нас есть некоторые группировки

00:12:56.815 --> 00:13:00.550
и я вижу, у нас есть некоторые
супергероев здесь.

00:13:00.550 --> 00:13:04.270
Это имеет заголовок и
колонтитул в группе.

00:13:04.270 --> 00:13:08.215
Итак, у нас есть Мстители
со всеми членами есть

00:13:08.215 --> 00:13:10.480
и Фантастическая четверка
и защитники

00:13:10.480 --> 00:13:13.135
и все виды других супергероев.

00:13:13.135 --> 00:13:16.200
Они в основном сгруппированы в группу,

00:13:16.200 --> 00:13:19.350
как и следовало ожидать, что
также то, что вы могли бы сделать.

00:13:19.350 --> 00:13:20.835
Я думаю, мы работаем

00:13:20.835 --> 00:13:24.120
на самом деле привязки
эта группа заголовки здесь,

00:13:24.120 --> 00:13:27.330
так что что-то
это все еще идет.

00:13:27.330 --> 00:13:28.860
Но по крайней мере у вас есть

00:13:28.860 --> 00:13:31.350
возможность сделать
этих групп прямо сейчас.

00:13:31.350 --> 00:13:34.005
Вы также можете сделать это
без каких-либо шаблонов,

00:13:34.005 --> 00:13:37.990
так что тогда это не выглядит так хорошо.

00:13:37.990 --> 00:13:40.150
Хавьер, у тебя есть
и работает снова, потому что

00:13:40.150 --> 00:13:42.310
Я просто плаваю здесь.

00:13:42.310 --> 00:13:45.080
Я просто перейду к интервалу с пунктом.

00:13:45.420 --> 00:13:48.250
Что также что-то
что вы можете сделать.

00:13:48.250 --> 00:13:51.820
Так что давайте использовать его с
сетки, это всегда хорошо.

00:13:51.820 --> 00:13:54.460
Здесь вы можете указать

00:13:54.460 --> 00:13:57.610
сколько места должно быть
между различными элементами.

00:13:57.610 --> 00:14:02.470
Так что, если я просто начать играть здесь
и я говорю 10 и обновить интервал,

00:14:02.470 --> 00:14:04.750
вы можете видеть, что между столбцов,

00:14:04.750 --> 00:14:07.230
будет 10 интервалов.

00:14:07.230 --> 00:14:13.260
Я также могу сделать это между
строки, потому что это представление сетки.

00:14:13.260 --> 00:14:16.775
Поэтому всякий раз, когда я делаю это,

00:14:16.775 --> 00:14:19.510
то вы должны также
увидеть расстояние здесь.

00:14:19.510 --> 00:14:21.310
Так что это что-то
, который также даст вам

00:14:21.310 --> 00:14:23.230
больше контроля над тем, как вещи

00:14:23.230 --> 00:14:29.030
смотреть и заставить его работать
с вашим дизайном лучше.

00:14:30.000 --> 00:14:33.520
Хорошо. Молодец?

00:14:33.520 --> 00:14:34.600
Я могу продолжать, если хотите.

00:14:34.600 --> 00:14:36.680
Хорошо, хорошо. Да.

00:14:42.270 --> 00:14:46.810
Позвольте мне поменять экран.

00:14:46.810 --> 00:14:48.850
Вы говорили о, я думаю,

00:14:48.850 --> 00:14:52.585
расстояние, а затем мы можем продолжить
говорить обо всех питаниях,

00:14:52.585 --> 00:14:54.430
как размер элемента.

00:14:54.430 --> 00:14:57.370
Существуют различные
варианты здесь, но я

00:14:57.370 --> 00:15:00.310
хочу поговорить о
пункт внутри этой стратегии,

00:15:00.310 --> 00:15:04.120
суб собственности, где вы
могут использовать различные значения.

00:15:04.120 --> 00:15:07.630
Есть значение, которое
это первый элемент.

00:15:07.630 --> 00:15:11.290
Это означает, что мы вычислим
размер первого элемента,

00:15:11.290 --> 00:15:15.310
и мы будем использовать то же самое
размер для всех ячеек.

00:15:15.310 --> 00:15:18.025
Но, конечно, есть

00:15:18.025 --> 00:15:22.015
варианты расчета размера
всех различных размеров,

00:15:22.015 --> 00:15:25.165
как вы можете видеть в
этот конкретный образец,

00:15:25.165 --> 00:15:28.840
все продажи разного размера.

00:15:28.840 --> 00:15:30.400
Так в чем же разница?

00:15:30.400 --> 00:15:33.820
Разница в этом
дело о производительности.

00:15:33.820 --> 00:15:36.985
Если все ваши клетки
определенный размер расстояния,

00:15:36.985 --> 00:15:41.080
просто вычислить, один раз
это что-то интересное.

00:15:41.080 --> 00:15:43.930
Тогда, конечно, мы
говорили раньше.

00:15:43.930 --> 00:15:45.760
У нас есть возможность установить

00:15:45.760 --> 00:15:48.265
заголовок и колонтитул
представления о коллекции.

00:15:48.265 --> 00:15:53.740
Мы можем использовать простые потоки
но мы также можем использовать

00:15:53.740 --> 00:15:57.640
шаблоны, и мы можем

00:15:57.640 --> 00:16:01.495
непосредственно цепи видимости
заголовка и,

00:16:01.495 --> 00:16:04.190
Конечно, от колонтитула.

00:16:05.790 --> 00:16:10.675
Последний, и я думаю,
что это просто демо,

00:16:10.675 --> 00:16:12.850
ну, «неразборчиво»
выглядеть очень, очень красиво,

00:16:12.850 --> 00:16:13.975
но это удивительно.

00:16:13.975 --> 00:16:17.545
Посмотрите на это
удивительная производительность.

00:16:17.545 --> 00:16:19.990
Я хочу, чтобы остановить немного в

00:16:19.990 --> 00:16:22.900
образец, потому что то, что
мы видим здесь

00:16:22.900 --> 00:16:26.560
вложенный CollectionView и что

00:16:26.560 --> 00:16:29.860
означает, что каждая вещь, которая

00:16:29.860 --> 00:16:33.220
мы видели, прежде чем
был пользователем CollectionView,

00:16:33.220 --> 00:16:36.955
где каждый элемент
другой CollectionView.

00:16:36.955 --> 00:16:39.550
Таким образом, мы гнездования все эти
CollectionViews для создания

00:16:39.550 --> 00:16:44.260
этот макет, где
вероятно, вы видели.

00:16:44.260 --> 00:16:47.500
Например, мультимедиа
приложение, потоковое приложение,

00:16:47.500 --> 00:16:49.720
и очень просто создать,

00:16:49.720 --> 00:16:53.425
и, да, он работает очень хорошо.

00:16:53.425 --> 00:16:58.060
Я думаю, что мы можем продолжать
сосредоточиться на CollectionView,

00:16:58.060 --> 00:17:01.570
но давайте перейти к другому контролю.

00:17:01.570 --> 00:17:06.775
В этом случае CarouselView
другой очень хороший контроль.

00:17:06.775 --> 00:17:10.720
Один из очень хороших моментов, которые

00:17:10.720 --> 00:17:14.515
обмен большим количеством кода
с CollectionView,

00:17:14.515 --> 00:17:17.530
и по умолчанию, мы получаем
много функциональных возможностей

00:17:17.530 --> 00:17:20.755
из коллекцииВид
работает в КарусельВью.

00:17:20.755 --> 00:17:24.730
Но давайте немного времени

00:17:24.730 --> 00:17:29.965
с Джеральдом говорить о
КарусельПосмотреть с более подробной информацией.

00:17:29.965 --> 00:17:32.545
Ну, вы уже все рассказали.

00:17:32.545 --> 00:17:36.430
Давайте посмотрим. Давайте прыгать
в КарусельВид.

00:17:36.430 --> 00:17:37.960
Так как Хавьер уже упоминалось,

00:17:37.960 --> 00:17:41.050
он построен на вершине в основном
CollectionView.

00:17:41.050 --> 00:17:45.280
Таким образом, КарусельВид

00:17:45.280 --> 00:17:47.334
в основном то, что вы, вероятно,

00:17:47.334 --> 00:17:50.530
знать из Интернета и
другие популярные приложения.

00:17:50.530 --> 00:17:53.815
Так что большую часть времени они просто
показать горизонтальный список, который

00:17:53.815 --> 00:17:57.295
слайды плитки или что-то.

00:17:57.295 --> 00:17:59.050
Так что думаю, Netflix, я имею в виду,

00:17:59.050 --> 00:18:03.265
мы все работаем из дома сейчас
так что мы все знаем, Netflix к настоящему времени.

00:18:03.265 --> 00:18:05.725
У вас есть эти строки, где у вас есть

00:18:05.725 --> 00:18:07.510
все это КарусельВиды
где вы можете просто

00:18:07.510 --> 00:18:10.060
прокрутите все ваши
сериалы и фильмы,

00:18:10.060 --> 00:18:14.260
и каждая плитка представляет собой серию или фильм.

00:18:14.260 --> 00:18:19.150
Так что это в основном все
КарусельПросмотры прямо здесь.

00:18:19.150 --> 00:18:21.220
Это то, что мы
осуществляется и здесь.

00:18:21.220 --> 00:18:24.040
Вы можете увидеть немного
образец здесь, в нижней части.

00:18:24.040 --> 00:18:27.625
Так что это в основном просто
специализированное представление

00:18:27.625 --> 00:18:32.680
CollectionView, который имеет
очень специфический случай использования.

00:18:32.680 --> 00:18:34.780
Таким образом, вы можете использовать это, чтобы показать

00:18:34.780 --> 00:18:37.555
данные в визуально
очень привлекательным способом.

00:18:37.555 --> 00:18:41.410
Это очень популярно в
современные приложения.

00:18:41.410 --> 00:18:44.965
Это больше подходит для
данные ограниченной длины.

00:18:44.965 --> 00:18:47.230
Это не означает, что производительность

00:18:47.230 --> 00:18:49.810
то, что не будет
работать для этого управления,

00:18:49.810 --> 00:18:53.515
но это просто больше подходит
для еще ограниченное число

00:18:53.515 --> 00:18:55.360
предметов в вашей коллекции

00:18:55.360 --> 00:18:57.880
что вы хотите, чтобы ваши пользователи
прокрутки.

00:18:57.880 --> 00:19:01.810
Вы можете использовать много вещей, которые
также находятся в CollectionView.

00:19:01.810 --> 00:19:03.520
Таким образом, вы также можете использовать ориентацию,

00:19:03.520 --> 00:19:05.620
Вы также можете использовать
макет, если вы хотите.

00:19:05.620 --> 00:19:08.575
Шаблоны данных будут большими
для этого контроля, а также.

00:19:08.575 --> 00:19:10.600
Он прекрасно работает вместе с

00:19:10.600 --> 00:19:13.795
ИндикаторПосмотрим, что мы будем
увидеть немного позже.

00:19:13.795 --> 00:19:16.450
Этот элемент управления находится в предварительном просмотре прямо сейчас.

00:19:16.450 --> 00:19:18.445
Так что если вы хотите использовать это сегодня,

00:19:18.445 --> 00:19:22.990
вы можете, но вы должны включить
с экспериментальным флагом.

00:19:22.990 --> 00:19:26.110
Таким образом, вы увидите это в пару

00:19:26.110 --> 00:19:30.040
слайды больше для других элементов управления
которые находятся в предварительном просмотре, а также.

00:19:30.040 --> 00:19:33.520
Тогда просто помните, что
мы все еще работаем над этим.

00:19:33.520 --> 00:19:34.840
Некоторые вещи могут измениться,

00:19:34.840 --> 00:19:37.960
но да, большинство из
вещи должны просто работать.

00:19:37.960 --> 00:19:41.635
Так что давайте быстро пойти и сделать
немного демо, что, как хорошо.

00:19:41.635 --> 00:19:44.390
Это должно сработать.

00:19:45.480 --> 00:19:49.375
Опять же, я просто поп в
к этому демо-приложению здесь.

00:19:49.375 --> 00:19:51.610
Здесь у нас есть КарусельВид.

00:19:51.610 --> 00:19:52.750
Итак, эта большая кнопка,

00:19:52.750 --> 00:19:55.045
не забудьте нажать, что, потому что

00:19:55.045 --> 00:19:58.255
что позволяет фактическим
экспериментальный флаг.

00:19:58.255 --> 00:19:59.770
Здесь у нас есть несколько вариантов.

00:19:59.770 --> 00:20:01.225
Таким образом, мы можем сделать это в коде,

00:20:01.225 --> 00:20:03.340
горизонтальной или вертикальной, и у нас есть

00:20:03.340 --> 00:20:05.860
некоторые оснастки, а также пустой
просматривать такие вещи.

00:20:05.860 --> 00:20:09.280
Так что давайте просто посмотрим, сможем ли мы получить это.

00:20:09.280 --> 00:20:12.070
Здесь вы можете увидеть так
у нас есть пять пунктов.

00:20:12.070 --> 00:20:15.070
Я могу легко обновить это
до 50, и я должен был

00:20:15.070 --> 00:20:18.265
много больше карусели пунктов здесь.

00:20:18.265 --> 00:20:20.740
Итак, у нас есть небольшой бар прокрутки здесь.

00:20:20.740 --> 00:20:22.960
Таким образом, вы можете видеть, что у нас есть
много предметов, и вы

00:20:22.960 --> 00:20:25.180
может видеть много вещей происходит
на здесь, когда я прокрутки.

00:20:25.180 --> 00:20:27.835
Так что это запускает событие прокрутки

00:20:27.835 --> 00:20:30.025
так что вы можете увидеть, какой элемент виден,

00:20:30.025 --> 00:20:31.270
первый, последний,

00:20:31.270 --> 00:20:33.040
также Дельта и смещения.

00:20:33.040 --> 00:20:35.200
Так вот о чем я говорил раньше.

00:20:35.200 --> 00:20:38.365
Много данных, поступающих в
из этого события прокрутки.

00:20:38.365 --> 00:20:41.110
Кроме того, здесь расстояние
это просто то, что вы

00:20:41.110 --> 00:20:43.615
может использовать, так что вы получите
немного больше интервалов,

00:20:43.615 --> 00:20:45.310
10 не так много,

00:20:45.310 --> 00:20:46.690
100 это немного много,

00:20:46.690 --> 00:20:51.235
но вы получите идею так
Вы можете играть с этим.

00:20:51.235 --> 00:20:57.085
Кроме того, у вас есть то, что мы
позвоните PeekAreaInsets, я думаю.

00:20:57.085 --> 00:21:00.640
Таким образом, вы можете видеть этот маленький
элементы здесь слева и

00:21:00.640 --> 00:21:02.215
право, и вы можете

00:21:02.215 --> 00:21:04.660
определить, сколько
этот элемент вы увидите.

00:21:04.660 --> 00:21:08.575
Так что это выглядит немного смешно, когда
Вы измените это во время работы,

00:21:08.575 --> 00:21:11.440
но вы можете видеть, что вы
может дразнить немного

00:21:11.440 --> 00:21:14.740
пункта, который
ранее или в следующем.

00:21:14.740 --> 00:21:16.540
Вы также можете видеть, что это перетаскивание.

00:21:16.540 --> 00:21:20.680
Так что в основном, чтобы увидеть, если
пользователь перетаскивает да или нет,

00:21:20.680 --> 00:21:23.890
и у нас есть некоторые другие свойства
как мы можем оживить это?

00:21:23.890 --> 00:21:25.210
Мы можем смахивать это?

00:21:25.210 --> 00:21:27.549
Отскок. Таким образом, в основном,

00:21:27.549 --> 00:21:29.890
всякий раз, когда вы дойдете до начала
или в конце списка,

00:21:29.890 --> 00:21:33.950
делает это отказов, как это или
это просто стоять на месте?

00:21:34.710 --> 00:21:37.075
Конечно, также здесь,

00:21:37.075 --> 00:21:39.445
идти к вещи, так что вы можете пойти в

00:21:39.445 --> 00:21:44.240
определенный элемент в этом CarouselView.

00:21:46.080 --> 00:21:49.270
Так также здесь, я вижу, у меня есть вкладка

00:21:49.270 --> 00:21:51.850
открыты для оснастки. Да, простите?

00:21:51.850 --> 00:21:54.490
Под свитками, если вы

00:21:54.490 --> 00:21:57.715
вернуться очень быстро
список образцов,

00:21:57.715 --> 00:22:00.475
Вы центрирования
вертикальная КарусельВид,

00:22:00.475 --> 00:22:05.590
заметить, что это более распространено
иметь горизонтальную КарусельВид.

00:22:05.590 --> 00:22:09.715
Но, конечно, вы можете создать
вертикальные без проблем.

00:22:09.715 --> 00:22:13.750
Да, без проблем.
Хотя, здесь мы

00:22:13.750 --> 00:22:15.700
есть механизм привязки так

00:22:15.700 --> 00:22:18.355
это не имеет
любой привязки на всех.

00:22:18.355 --> 00:22:20.260
Извините, он имеет щелкающий.

00:22:20.260 --> 00:22:23.020
Так что я должен просто замедлить это
вниз, и вы увидите его.

00:22:23.020 --> 00:22:26.020
Так что всякий раз, когда я не землю
по одному конкретному пункту,

00:22:26.020 --> 00:22:30.070
он будет убедиться, что он будет
перейти к началу прямо здесь.

00:22:30.070 --> 00:22:33.550
Но я думаю, что я немного
код открыт для этого прямо здесь.

00:22:33.550 --> 00:22:35.530
Так что для всех этих вещей

00:22:35.530 --> 00:22:37.660
мы сделали это так же просто, как
возможно для вас использовать.

00:22:37.660 --> 00:22:39.280
Так вот, вы можете просто сказать:

00:22:39.280 --> 00:22:41.095
сделать новый CarouselView.

00:22:41.095 --> 00:22:43.270
Можно указать, какой макет использовать.

00:22:43.270 --> 00:22:45.520
У нас есть некоторые предопределенные для вас.

00:22:45.520 --> 00:22:49.690
Возможно, вы сможете создать
свои собственные макеты прямо сейчас.

00:22:49.690 --> 00:22:54.020
Хавьер, ты знаешь? Или, может быть, мы
позволит, что в будущем.

00:22:54.210 --> 00:22:56.890
Вы можете использовать itemTemplates,

00:22:56.890 --> 00:22:59.230
цвет фона
или PeekAreaInsets,

00:22:59.230 --> 00:23:02.510
Я уже говорил об этом.

00:23:02.790 --> 00:23:07.000
Это в основном все, что вам нужно, чтобы
сделать, чтобы создать новый CarouselView

00:23:07.000 --> 00:23:11.390
и использовать все это дискретные
особенности прямо здесь.

00:23:14.340 --> 00:23:16.465
Так ИндикаторВид, да,

00:23:16.465 --> 00:23:18.580
это то, что
тесно связано с

00:23:18.580 --> 00:23:21.055
КарусельПосмотреть, как
Я уже упоминал.

00:23:21.055 --> 00:23:24.775
Так что если у вас есть CarouselView,

00:23:24.775 --> 00:23:26.710
Вы также можете знать, что многие

00:23:26.710 --> 00:23:29.410
эти элементы управления имеют
эта маленькая точка в

00:23:29.410 --> 00:23:31.840
дно, которое показывает,

00:23:31.840 --> 00:23:35.680
Вы, сколько элементов Есть
в фактическом КарусельВью,

00:23:35.680 --> 00:23:39.010
но также, какой индекс
в настоящее время вы выбрали.

00:23:39.010 --> 00:23:41.860
Так вот что мы хотим
сделать с IndicatorView.

00:23:41.860 --> 00:23:44.200
Опять же, также в предварительном просмотре,

00:23:44.200 --> 00:23:48.625
здесь вы видите немного
кодекса о том, как это использовать.

00:23:48.625 --> 00:23:52.435
У нас есть варианты, конечно,
сделать некоторые макет с этим,

00:23:52.435 --> 00:23:54.339
как вы хотите
центр его горизонтально,

00:23:54.339 --> 00:23:58.510
вертикально, но и какого цвета
Вы хотите, чтобы указать его быть.

00:23:58.510 --> 00:24:00.760
Какой цвет должен
выбранный индикатор

00:24:00.760 --> 00:24:04.030
быть и какую форму вы хотите использовать.

00:24:04.030 --> 00:24:08.155
Таким образом, вы можете увидеть здесь небольшой образец,

00:24:08.155 --> 00:24:11.080
на этом слайде прямо здесь, цвет,

00:24:11.080 --> 00:24:12.310
Я уже говорил об этом,

00:24:12.310 --> 00:24:14.290
форма, но вы можете
также используйте шаблон.

00:24:14.290 --> 00:24:19.180
Таким образом, вы также можете дать свой собственный
шаблон для индикатора,

00:24:19.180 --> 00:24:20.920
и, конечно, вы можете дать ему размер,

00:24:20.920 --> 00:24:23.305
так что вы можете сделать его больше или меньше.

00:24:23.305 --> 00:24:26.860
Так что давайте быстро прыгать
в том, что, как хорошо.

00:24:26.860 --> 00:24:29.270
У нас много демонстраций.

00:24:30.530 --> 00:24:35.325
Так что моя мышь указатель иногда
исчезает, когда я переключаюсь.

00:24:35.325 --> 00:24:39.540
вот так. Так вот мы
иметь IndicatorView.

00:24:39.540 --> 00:24:41.550
Опять же, не забудьте включить его.

00:24:41.550 --> 00:24:43.290
Это очень
простая галерея.

00:24:43.290 --> 00:24:46.020
У нас есть только один. На iOS,

00:24:46.020 --> 00:24:48.270
мы забываем использовать
сохранить области вещи здесь.

00:24:48.270 --> 00:24:50.400
Так что это немного
вниз дно здесь,

00:24:50.400 --> 00:24:52.740
но вы можете видеть, всякий раз, когда
Я иду к следующему,

00:24:52.740 --> 00:24:56.255
Вы можете увидеть выбранный
появляется к следующему,

00:24:56.255 --> 00:24:59.440
и все это работает красиво
с КарусельВид.

00:24:59.440 --> 00:25:04.000
Мы можем установить это для
синий, если вы хотите,

00:25:04.000 --> 00:25:06.505
и вы можете видеть, что он все еще черный.

00:25:06.505 --> 00:25:08.500
Вы можете играть с
размер здесь немного,

00:25:08.500 --> 00:25:11.050
так что вы можете сделать его больше или крошечные,

00:25:11.050 --> 00:25:15.370
и вы также можете просто поп его к

00:25:15.370 --> 00:25:17.380
квадратные или мы можем сделать

00:25:17.380 --> 00:25:20.815
немного логотипа Xbox из
с помощью шаблонов.

00:25:20.815 --> 00:25:25.195
Это работает только на Android я вижу.

00:25:25.195 --> 00:25:27.535
Потому что это, вероятно,
с помощью шрифта значка,

00:25:27.535 --> 00:25:31.510
Хавьер, который не добавляется для использования.

00:25:31.510 --> 00:25:33.730
Но помните, что мы ключом от

00:25:33.730 --> 00:25:37.450
по умолчанию круг и прямоугольник

00:25:37.450 --> 00:25:41.590
потому что, вероятно,
наиболее распространенные представления индикаторов

00:25:41.590 --> 00:25:43.795
использование в общих приложениях,

00:25:43.795 --> 00:25:47.200
обычное применение, но с
шаблон индикатора,

00:25:47.200 --> 00:25:49.990
вы можете использовать другой шаблон и установить

00:25:49.990 --> 00:25:54.219
любого содержания
внутри каждого индикатора.

00:25:54.219 --> 00:25:58.000
Да, да. Так что я быстро переключился
к Android и здесь вы можете

00:25:58.000 --> 00:26:01.180
видеть, что мы используем эту мелочь

00:26:01.180 --> 00:26:02.950
здесь, чтобы также показать шаблон.

00:26:02.950 --> 00:26:07.885
Таким образом, вы можете загрузить все в
ваши индикаторы, что вы хотите.

00:26:07.885 --> 00:26:12.325
Итак, опять же, это очень
просто инициализировать.

00:26:12.325 --> 00:26:14.800
У нас есть КарусельВид,

00:26:14.800 --> 00:26:17.395
у вас есть IndicatorView,

00:26:17.395 --> 00:26:20.245
а потом вы просто говорите
КарусельВью.IndicatorView

00:26:20.245 --> 00:26:21.985
это экземпляр прямо здесь,

00:26:21.985 --> 00:26:23.290
и они будут связаны друг с другом.

00:26:23.290 --> 00:26:24.340
Он будет автоматически знать,

00:26:24.340 --> 00:26:27.340
сколько элементов есть
на основе источника элемента.

00:26:27.340 --> 00:26:30.760
И последнее, что я хочу отметить,
быстро является IndicatorView

00:26:30.760 --> 00:26:33.850
построен как отдельный контроль
потому что в будущем,

00:26:33.850 --> 00:26:36.025
мы могли бы открыть его до
других элементов управления, а также.

00:26:36.025 --> 00:26:38.830
Прямо сейчас, вы можете использовать
для КарусельВид,

00:26:38.830 --> 00:26:41.155
но кто знает, что
будущее может принести?

00:26:41.155 --> 00:26:43.210
Таким образом, мы будем иметь

00:26:43.210 --> 00:26:46.315
гибкость, чтобы также
использовать его для других элементов управления.

00:26:46.315 --> 00:26:49.945
Хорошо, Хавьер, хочешь
говорить о RefreshView?

00:26:49.945 --> 00:26:51.610
Да, вообще-то.

00:26:51.610 --> 00:26:54.265
Так что давайте продолжим с более контроля.

00:26:54.265 --> 00:26:58.135
В этом случае давайте продолжим
с RefreshView.

00:26:58.135 --> 00:27:02.140
Поэтому особенно в релизе,

00:27:02.140 --> 00:27:06.595
одной из распространенных закономерностей в
UX для обозначения данных является

00:27:06.595 --> 00:27:11.890
тянуть-чтобы обновить эффект, который вы
предложить для получения данных.

00:27:11.890 --> 00:27:13.630
Пауло, что это за вещи,

00:27:13.630 --> 00:27:16.615
мы включили новый
контроль под названием RefreshView,

00:27:16.615 --> 00:27:21.070
которые вы размещаете, как обертка
в любом прокрутке содержимого.

00:27:21.070 --> 00:27:23.800
Это важно
вещь, потому что вы

00:27:23.800 --> 00:27:28.640
только большинство освежает
прокрутка содержимого.

00:27:28.710 --> 00:27:30.955
Использовать, это довольно легко.

00:27:30.955 --> 00:27:32.230
В конце, как мы говорим,

00:27:32.230 --> 00:27:34.750
мы блокируем любой контроль.

00:27:34.750 --> 00:27:38.410
В этом случае мы используем
ListView вокруг RefreshView.

00:27:38.410 --> 00:27:40.960
Два основных свойства
остается для освежающего.

00:27:40.960 --> 00:27:42.205
Вот как булеан,

00:27:42.205 --> 00:27:45.250
что, конечно, мы можем связать и

00:27:45.250 --> 00:27:49.300
использование с использованием MVPA и всех
вещи, которые, вероятно, любят.

00:27:49.300 --> 00:27:52.225
Мы можем использовать также команду для

00:27:52.225 --> 00:27:55.735
указать и выполнить
логика обновления списка.

00:27:55.735 --> 00:27:58.225
Конечно, есть
также варианты, связанные с

00:27:58.225 --> 00:28:00.310
с настройкой элемента управления.

00:28:00.310 --> 00:28:05.005
Таким образом, вы можете настроить то, что
цвет индикатора обновления,

00:28:05.005 --> 00:28:08.425
какой цвет
фон RefreshView.

00:28:08.425 --> 00:28:11.819
Все эти вещи, что еще раз,

00:28:11.819 --> 00:28:15.300
мы увидим
с быстрой демонстрацией.

00:28:15.300 --> 00:28:20.230
Так что я перейдя к предыдущему образцу.

00:28:25.530 --> 00:28:31.850
Я не знаю, почему я проигрываю
что прикосновение иногда.

00:28:33.150 --> 00:28:37.104
Это сумасшествие. Я не знаю, если
это с презентацией,

00:28:37.104 --> 00:28:43.210
но вы можете видеть в этом
симулятор, остальное работает.

00:28:43.210 --> 00:28:47.180
Работа с эмуляторными сапогами
очень быстро в эти дни, не так ли?

00:28:48.600 --> 00:28:51.400
Теперь это работает. Я не знаю.

00:28:51.400 --> 00:28:54.295
Что. В этом случае

00:28:54.295 --> 00:28:56.965
у нас есть много образцов, но в конце концов,

00:28:56.965 --> 00:28:58.450
Важно то, что вы

00:28:58.450 --> 00:29:00.265
может использовать с любым прокрутки содержимого,

00:29:00.265 --> 00:29:03.190
и это означает, что, конечно, вы можете

00:29:03.190 --> 00:29:08.080
обновить любое содержимое, которое
использует ScrollView.

00:29:08.080 --> 00:29:10.975
Конечно, вы можете использовать
ListView, CollectionView,

00:29:10.975 --> 00:29:16.300
и КарусельВид, чтобы вызвать
тянуть-к-обновить.

00:29:16.300 --> 00:29:18.910
Вы можете использовать его, конечно,

00:29:18.910 --> 00:29:22.030
с регулятором, а также мы

00:29:22.030 --> 00:29:25.330
может непосредственно вызывать
команды, например,

00:29:25.330 --> 00:29:28.420
нажатие кнопки, показать

00:29:28.420 --> 00:29:32.305
IndicatorViews и
Освежите вид таким же образом.

00:29:32.305 --> 00:29:34.480
Конечно, он также работал с

00:29:34.480 --> 00:29:38.590
другие виды элементов управления, такие как WebView.

00:29:38.590 --> 00:29:43.015
Теперь, я думаю, что это
загрузка блока Xamarin,

00:29:43.015 --> 00:29:47.210
и мы можем тянуть, чтобы обновить его.

00:29:47.730 --> 00:29:51.280
Один интересный момент заключается в том, что,

00:29:51.280 --> 00:29:54.160
во многих элементах управления
что мы показываем сегодня,

00:29:54.160 --> 00:29:56.439
мы некоторые платформы конкретных.

00:29:56.439 --> 00:29:59.800
Помните, что наша логика
для какой-либо платформы.

00:29:59.800 --> 00:30:01.420
В этом случае, в Windows,

00:30:01.420 --> 00:30:03.400
вы можете установить это белое обнаружение.

00:30:03.400 --> 00:30:05.500
Вы можете салфетки сверху,

00:30:05.500 --> 00:30:07.465
внизу, влево или вправо.

00:30:07.465 --> 00:30:08.575
На других платформах

00:30:08.575 --> 00:30:11.515
он работает только сверху по умолчанию.

00:30:11.515 --> 00:30:13.240
Код очень прост.

00:30:13.240 --> 00:30:20.720
Давайте мне просто перейти к образцу
повторного использования с ListView.

00:30:27.210 --> 00:30:29.740
Итак, мы здесь,

00:30:29.740 --> 00:30:33.400
ListView, конечно,
привязали к нашему списку предметов,

00:30:33.400 --> 00:30:35.290
и мы используем RefreshView.

00:30:35.290 --> 00:30:37.240
Настройка
контроль, мы используем

00:30:37.240 --> 00:30:39.400
RefreshColor и
Свойства backgroundColor,

00:30:39.400 --> 00:30:42.100
но опять же, наиболее
важными свойствами являются

00:30:42.100 --> 00:30:45.610
освежающее свойство
и команда.

00:30:45.610 --> 00:30:48.490
С кнопкой, которую мы
выполнить Обновление,

00:30:48.490 --> 00:30:51.070
но единственное, что мы
делают это выполнить то же самое

00:30:51.070 --> 00:30:55.400
команда привязали к
Команда RefreshView.

00:30:55.440 --> 00:30:59.860
Продолжение с более
контроля, потому что мы

00:30:59.860 --> 00:31:03.985
есть куча демо и
больше материала для рассмотрения,

00:31:03.985 --> 00:31:06.025
Давайте посмотрим SwipeView.

00:31:06.025 --> 00:31:08.500
Таким же образом, что и
мы видели раньше,

00:31:08.500 --> 00:31:11.320
RefreshView, которые позволяют делать

00:31:11.320 --> 00:31:14.740
тянуть-к-обновить жест без

00:31:14.740 --> 00:31:17.650
быть связаны с
какого-либо конкретного контроля.

00:31:17.650 --> 00:31:18.790
Как мы видели раньше,

00:31:18.790 --> 00:31:21.025
он работает с любым
(неразборчивое) содержание.

00:31:21.025 --> 00:31:27.385
Теперь у нас есть возможность
список товаров, например,

00:31:27.385 --> 00:31:34.975
доступ к выполнению определенного
действия в одном из элементов.

00:31:34.975 --> 00:31:38.725
Для этого мы позволяем салфетки

00:31:38.725 --> 00:31:42.790
командуя без необходимости
изменить состояние приложения.

00:31:42.790 --> 00:31:45.295
Для этого мы вводим
SwipeView,

00:31:45.295 --> 00:31:49.135
SwipeView позволяет нам
проведите пальцем в любом направлении,

00:31:49.135 --> 00:31:51.745
мы можем использовать, а салфетки вверх, вниз,

00:31:51.745 --> 00:31:53.395
слева, и справа,

00:31:53.395 --> 00:31:54.970
и у нас разные режимы.

00:31:54.970 --> 00:31:56.200
Позвольте мне объяснить очень быстро

00:31:56.200 --> 00:31:59.350
два разных режима, потому что
они очень, очень разные.

00:31:59.350 --> 00:32:03.055
У нас в одной руке режим Reveal,

00:32:03.055 --> 00:32:07.300
в этом режиме мы салфетки
для открытия SwipeView.

00:32:07.300 --> 00:32:09.340
Мы увидим различные команды,

00:32:09.340 --> 00:32:13.540
и выполнить эту команду нам нужно
явно нажмите один из них.

00:32:13.540 --> 00:32:17.425
В режиме выполнения
это совершенно другое,

00:32:17.425 --> 00:32:19.240
нам нужно только салфетки,

00:32:19.240 --> 00:32:22.510
и если мы пройдем порог салфетки

00:32:22.510 --> 00:32:27.190
команда, связанная
с каждым пунктом,

00:32:27.190 --> 00:32:28.990
с каждой командой будет выполнена,

00:32:28.990 --> 00:32:33.490
и если не только
SwipeView будет закрыт.

00:32:33.490 --> 00:32:35.949
Как и другие предыдущие элементы управления,

00:32:35.949 --> 00:32:38.740
этот элемент управления все еще находится в предварительном просмотре

00:32:38.740 --> 00:32:45.930
и это требует использования
экспериментальный флаг.

00:32:45.930 --> 00:32:52.330
Так вот у нас есть основные
демо с помощью SwipeView.

00:32:52.330 --> 00:32:55.045
Конечно, то, что мы видим здесь,

00:32:55.045 --> 00:32:58.690
содержимое Swipe, которое может
быть любого содержания.

00:32:58.690 --> 00:33:02.455
Мы здесь, где мы видим,
базовая планировка с уровнем,

00:33:02.455 --> 00:33:05.290
а затем SwipeItem является

00:33:05.290 --> 00:33:08.755
основным элементом, который
позволяет нам установить текст,

00:33:08.755 --> 00:33:10.705
значок, цвет фона,

00:33:10.705 --> 00:33:15.865
, а затем, конечно, есть команды
и методы, которые необходимо использовать.

00:33:15.865 --> 00:33:20.785
Как вы можете видеть в GIF,
мы увидим позже с демо,

00:33:20.785 --> 00:33:23.740
вы можете проведите пальцем в любом направлении.

00:33:23.740 --> 00:33:27.535
У нас также есть
BehaviorOnInvoked, который используется,

00:33:27.535 --> 00:33:30.970
поведение, которое будет
иметь SwipeView, когда

00:33:30.970 --> 00:33:34.825
мы нажимаем или нажимаем в
любой из команд.

00:33:34.825 --> 00:33:37.255
У нас есть авто по умолчанию,

00:33:37.255 --> 00:33:40.855
это означает, что SwipeView
по умолчанию будет закрыт.

00:33:40.855 --> 00:33:44.545
Конечно, мы можем установить это
явно с опцией "Закрыть",

00:33:44.545 --> 00:33:47.245
но есть и другие
вариант, который остается открытым,

00:33:47.245 --> 00:33:50.260
и с этой опцией
означает, что если мы нажмем

00:33:50.260 --> 00:33:54.400
одна из команд
SwipeView останется открытым.

00:33:54.400 --> 00:33:59.290
Выполнение и вызвать любое действие
это легко с помощью команд,

00:33:59.290 --> 00:34:02.770
или в этом случае, вызванный метод,

00:34:02.770 --> 00:34:05.260
и использовать его в коллекции

00:34:05.260 --> 00:34:09.025
очень похож на
использование RefreshView.

00:34:09.025 --> 00:34:10.870
Мы используем сайт, например,

00:34:10.870 --> 00:34:16.780
DataTemplate itemTemplate
из CollectionView для использования и

00:34:16.780 --> 00:34:20.845
позволяют иметь контекстуальные варианты

00:34:20.845 --> 00:34:24.295
в каждом элементе из коллекции.

00:34:24.295 --> 00:34:29.170
Последнее, что мы видели
SwipeItem перед

00:34:29.170 --> 00:34:31.644
самые основные элементы позволяют

00:34:31.644 --> 00:34:34.480
настроить немного
фонового цвета,

00:34:34.480 --> 00:34:35.950
Вы можете установить значок,

00:34:35.950 --> 00:34:37.000
Вы можете установить текст,

00:34:37.000 --> 00:34:42.655
но что, если вы хотите обычай
содержание внутри любого из элементов?

00:34:42.655 --> 00:34:45.280
Ну, мы представляем также
другой SwipeItem,

00:34:45.280 --> 00:34:49.975
Я думаю, что SwipeItemView
которые позволяют любой вид,

00:34:49.975 --> 00:34:52.285
так что позвольте любой вид
содержание внутри здесь.

00:34:52.285 --> 00:34:58.525
Таким образом, вы можете создать пользовательский контент
внутри любого из элементов салфетки.

00:34:58.525 --> 00:35:03.200
Давайте посмотрим демо
обзор все эти вещи.

00:35:03.840 --> 00:35:07.060
Позвольте мне перейти к эмулятору,

00:35:07.060 --> 00:35:10.100
Давайте посмотрим, если продолжать работать.

00:35:13.830 --> 00:35:19.720
Так хорошо, вы можете салфетки
в любом направлении,

00:35:19.720 --> 00:35:24.950
вы можете использовать его также в коллекциях,

00:35:25.740 --> 00:35:31.435
Ну, позвольте мне двигаться быстро
пользовательские SwipeView.

00:35:31.435 --> 00:35:34.420
Это, кажется, содержание зрения,

00:35:34.420 --> 00:35:38.035
но если вы проведите пальцем по
любое из направлений,

00:35:38.035 --> 00:35:41.800
вы можете получить доступ к большему количестве макетов,

00:35:41.800 --> 00:35:44.515
и в конце SwipeItems.

00:35:44.515 --> 00:35:48.295
Джеральд и у меня есть очень

00:35:48.295 --> 00:35:52.675
хороший и красивый демо
подготовлены с использованием всех этих вещей.

00:35:52.675 --> 00:35:55.869
У нас есть «неразборчивое» время
рассмотреть все,

00:35:55.869 --> 00:35:59.800
но позвольте мне двигаться очень быстро
для всех этих демонстраций,

00:35:59.800 --> 00:36:01.390
например, в этом,

00:36:01.390 --> 00:36:03.610
Джеральд, если вы хотите поговорить
очень быстро об этом.

00:36:03.610 --> 00:36:07.030
Да, да. Так что этот
сочетает в себе все вещи.

00:36:07.030 --> 00:36:08.650
Так что на вершине вы видите

00:36:08.650 --> 00:36:12.280
КарусельВид с
ИндикаторВид прямо на нем,

00:36:12.280 --> 00:36:15.370
и еще одна КарусельВид
прямо там.

00:36:15.370 --> 00:36:16.780
Таким образом, вы можете видеть, что вы можете создать

00:36:16.780 --> 00:36:19.330
красивые конструкции с
все это вместе.

00:36:19.330 --> 00:36:23.065
Внизу вы будете
вероятно, увидеть CollectionView.

00:36:23.065 --> 00:36:25.135
Так что да, я имею в виду,

00:36:25.135 --> 00:36:30.265
не позволяйте функциональному дизайну
наше демо-приложение вывет вас из колеи.

00:36:30.265 --> 00:36:34.495
Вы, безусловно, может создать очень
удивительные вещи с этим.

00:36:34.495 --> 00:36:36.460
Итак, Хавьер, ты хочешь
быстро показать

00:36:36.460 --> 00:36:43.240
ваш RefreshView пользовательских
Анимационный театр?

00:36:43.240 --> 00:36:45.010
Давайте покажем это очень быстро,

00:36:45.010 --> 00:36:48.820
так что мы можем настроить
цвета RefreshView,

00:36:48.820 --> 00:36:50.020
но в этом случае, например,

00:36:50.020 --> 00:36:51.610
что произойдет, если вы хотите создать

00:36:51.610 --> 00:36:54.610
индивидуальный эффект притяжения к обновлению?

00:36:54.610 --> 00:36:57.370
Ну, вы можете сделать это очень просто.

00:36:57.370 --> 00:37:02.559
Опять же, то, что я делаю здесь
просто использует SwipeView,

00:37:02.559 --> 00:37:04.420
Я использую верхний элемент для использования

00:37:04.420 --> 00:37:06.640
очень красивая анимация Лотти

00:37:06.640 --> 00:37:10.465
что я только сделал основано
на время работы.

00:37:10.465 --> 00:37:13.420
Таким образом, вы можете смешать все эти виды

00:37:13.420 --> 00:37:16.540
элементы управления и прочее, чтобы создать очень,

00:37:16.540 --> 00:37:19.130
очень красивый UIs.

00:37:21.690 --> 00:37:26.110
У нас есть больше демо,
но не так много времени.

00:37:26.110 --> 00:37:28.825
Таким образом, мы достигаем до конца.

00:37:28.825 --> 00:37:33.130
Позвольте мне поделиться очень быстро, где
Вы можете найти все эти демо,

00:37:33.130 --> 00:37:37.420
и есть много больше
демо и прочее, что у нас есть

00:37:37.420 --> 00:37:41.380
не отображается, потому что у нас меньше времени,

00:37:41.380 --> 00:37:46.090
что все эти демо
нужно пройти один за 1.00.

00:37:46.090 --> 00:37:48.850
Но вы можете найти все,
в этих двух ссылках.

00:37:48.850 --> 00:37:51.190
Надеюсь, это полезно для вас,

00:37:51.190 --> 00:37:55.009
и я не знаю, если
у нас есть вопросы.

00:37:55.890 --> 00:37:59.170
Да, у нас есть только
один быстрый вопрос

00:37:59.170 --> 00:38:01.885
прежде чем мы передадут
к следующим ораторам,

00:38:01.885 --> 00:38:05.770
и то есть, это представление коллекции

00:38:05.770 --> 00:38:10.460
есть ленивый загрузки и
бесконечная функция данных?

00:38:11.910 --> 00:38:15.700
Я думаю, я имею в виду,

00:38:15.700 --> 00:38:18.370
вы можете
реализовать его самостоятельно.

00:38:18.370 --> 00:38:21.400
Мы могли бы, вероятно, сделать
больше в этой области

00:38:21.400 --> 00:38:24.670
чтобы поддержать вас из коробки.

00:38:24.670 --> 00:38:26.800
Но прямо сейчас, вы можете сделать это с

00:38:26.800 --> 00:38:30.535
SwipeEvents вы можете
посмотреть, какой элемент отображается,

00:38:30.535 --> 00:38:33.610
и поэтому вы можете начать
загрузка новых данных.

00:38:33.610 --> 00:38:36.385
Так что да, это определенно возможно.

00:38:36.385 --> 00:38:37.180
Идеально.

00:38:37.180 --> 00:38:38.890
Таким образом, по умолчанию
CollectionView есть

00:38:38.890 --> 00:38:41.575
некоторые команды для обнаружения
когда вы дойдете до конца,

00:38:41.575 --> 00:38:43.810
и намного больше данных,
и все эти вещи.

00:38:43.810 --> 00:38:46.300
Так что все эти виды
вещи возможны.

00:38:46.300 --> 00:38:47.845
Гораздо проще, чем с ListView.

00:38:47.845 --> 00:38:48.655
Да, да.

00:38:48.655 --> 00:38:51.850
Звучит здорово. Хорошо.
Большое вам спасибо за ваш разговор,

00:38:51.850 --> 00:38:54.805
и теперь, я передаю его обратно Джеймсу.

00:38:54.805 --> 00:38:56.965
Awesome. Огромное спасибо

00:38:56.965 --> 00:38:59.605
Оля, И Джеральд, и Хавьер.

00:38:59.605 --> 00:39:02.560
Супер Awesome. Я люблю все
удивительные особенности, которые происходят.

00:39:02.560 --> 00:39:05.200
Теперь, я очень взволнован
потому что жить из Италии,

00:39:05.200 --> 00:39:07.870
Кодрина здесь, чтобы поговорить
нам о том, как мы можем

00:39:07.870 --> 00:39:10.630
на самом деле проверить наши
Приложения Xamarin,

00:39:10.630 --> 00:39:12.700
наш ui и наш исходный код.

00:39:12.700 --> 00:39:16.625
Кодрина, я постыщу его.
к вам и забрать его.

00:39:16.625 --> 00:39:19.560
Спасибо, Джеймс. Привет всем,

00:39:19.560 --> 00:39:24.105
и я собираюсь поделиться своим экраном,

00:39:24.105 --> 00:39:28.570
и я буду готов начать.