WEBVTT

00:00:00.000 --> 00:00:01.260
[MUSICA]

00:00:01.260 --> 00:00:03.310
>> Impresionante. Adelante.

00:00:05.270 --> 00:00:09.040
Reúnase para la palabra de Xamarin.

00:00:11.690 --> 00:00:13.020
>> Amén.

00:00:13.020 --> 00:00:19.965
>> Amén. Fresco. Impresionante.
Tenemos la pantalla correcta.

00:00:19.965 --> 00:00:22.995
Muy bien. ¿Todo el mundo
pasándoselo bien?

00:00:22.995 --> 00:00:23.610
>> Sí.

00:00:23.610 --> 00:00:26.235
>> Sí. Me alegro de que hayas venido.

00:00:26.235 --> 00:00:27.840
¿Has puesto celosos a tus amigos?

00:00:27.840 --> 00:00:28.440
>> Sí.

00:00:28.440 --> 00:00:30.645
>> ¿Puso celosos a tus enemigos?

00:00:30.645 --> 00:00:33.990
Vamos. Sí, esto es genial.

00:00:33.990 --> 00:00:36.090
Ha sido absolutamente
maravilloso estar rodeado de

00:00:36.090 --> 00:00:40.534
tantos tipos, agradables,
personas de ideas afines,

00:00:40.534 --> 00:00:44.280
excepto por Duane aquí arriba en
el frente. No sé.

00:00:47.030 --> 00:00:50.010
Me bloco. Sabes que me bloqué.

00:00:50.010 --> 00:00:52.880
Fresco. Así que estamos aquí
para hablar de hacer

00:00:52.880 --> 00:00:55.910
loco hermosa interfaz de usuario
con Xamarin Forms.

00:00:55.910 --> 00:00:58.580
Así que me imagino
usted está interesado en

00:00:58.580 --> 00:01:00.140
todos los consejos y trucos que

00:01:00.140 --> 00:01:02.270
esperanza de poder
compartir con usted hoy.

00:01:02.270 --> 00:01:06.200
Por supuesto, estos no son
para uso gratuito,

00:01:06.200 --> 00:01:08.105
pero podemos hacer
algunas cosas muy bonitas.

00:01:08.105 --> 00:01:11.790
Me preguntan una variedad de
preguntas todo el tiempo.

00:01:11.790 --> 00:01:14.025
Obviamente, a través de
Twitter, a través del correo electrónico,

00:01:14.025 --> 00:01:15.810
a través de hablar en conferencias,

00:01:15.810 --> 00:01:19.005
acerca de cómo se hace x, y, y z?

00:01:19.005 --> 00:01:23.515
Probablemente, el principal es
¿Cómo se hace el paralaje?

00:01:23.515 --> 00:01:25.700
¿Alguien ha hecho paralaje antes?

00:01:25.700 --> 00:01:27.335
Cualquiera en la habitación, unas cuantas personas.

00:01:27.335 --> 00:01:31.220
¿Alguien ha intentado hacer
paralaje y dijo, "Al diablo con eso."

00:01:31.220 --> 00:01:36.140
Tengo algunos de esos. Así que
le mostrará algo de paralaje.

00:01:36.140 --> 00:01:37.370
En realidad es bastante impresionante,

00:01:37.370 --> 00:01:40.370
bastante fácil. He
tengo algún otro paso.

00:01:40.370 --> 00:01:42.845
Me divertí mucho
construyendo estas demostraciones,

00:01:42.845 --> 00:01:46.710
porque estaba usando la recarga en caliente.

00:01:47.020 --> 00:01:49.835
Así que fue muy divertido.

00:01:49.835 --> 00:01:51.140
Presenté algunos errores,

00:01:51.140 --> 00:01:52.360
algunos de ellos se arreglaron,

00:01:52.360 --> 00:01:53.590
algunos de ellos se arreglarán,

00:01:53.590 --> 00:01:55.580
algunas de las mejoras
aún están por venir,

00:01:55.580 --> 00:01:58.370
pero sabíamos que estaba listo
estar en la naturaleza.

00:01:58.370 --> 00:02:00.230
Así que me alegro de que usted es
va a conseguirlo en

00:02:00.230 --> 00:02:03.320
su sucio poco codicioso
manos pequeñas pronto.

00:02:03.320 --> 00:02:05.150
Espero que tomes
la oportunidad de

00:02:05.150 --> 00:02:07.175
proporcionar una gran cantidad de comentarios al equipo.

00:02:07.175 --> 00:02:09.050
Háganos saber cómo funciona para usted,

00:02:09.050 --> 00:02:11.470
háganos saber dónde no está, ¿no?

00:02:11.470 --> 00:02:14.490
Así que ese es mi manejador de Twitter.

00:02:14.490 --> 00:02:17.040
Al final también tengo mi e-mail.

00:02:17.040 --> 00:02:18.790
Por favor, póngase en contacto en cualquier momento.

00:02:18.790 --> 00:02:22.115
Me disculpo si no lo hago
volver a ti inmediatamente,

00:02:22.115 --> 00:02:27.705
pero leo todos los e-mails
y trato de responder a todos ellos.

00:02:27.705 --> 00:02:29.760
A veces apesta en la gestión del tiempo,

00:02:29.760 --> 00:02:31.520
para que sepas cómo es eso.

00:02:31.520 --> 00:02:34.190
Fresco. Así que pensé que la primera
cosa que hablaríamos

00:02:34.190 --> 00:02:39.420
sobre si mi flecha funciona.

00:02:39.420 --> 00:02:42.160
Uno de estos botones tiene que funcionar.

00:02:42.710 --> 00:02:46.755
Literalmente no quiere
para avanzar. Ahí va.

00:02:46.755 --> 00:02:49.230
Hola. Así que pensé que hablaríamos primero

00:02:49.230 --> 00:02:51.650
sobre temas; colores, fuentes, iconos,

00:02:51.650 --> 00:02:55.690
porque probablemente has seguido
los anuncios de Apple,

00:02:55.690 --> 00:02:59.735
iOS 13 ahora tiene modo oscuro.

00:02:59.735 --> 00:03:00.570
>> Sí.

00:03:00.570 --> 00:03:03.435
>> Sí. Más tiempo de teléfono en la cama,

00:03:03.435 --> 00:03:07.140
eso es de lo que estamos hablando.

00:03:07.140 --> 00:03:11.160
Así que eso es importante y la gente
van a estar preguntándote,

00:03:11.160 --> 00:03:12.625
tal vez ya estás preguntando,

00:03:12.625 --> 00:03:15.280
"¿Cómo puedo mejorar
apoyar estas cosas en

00:03:15.280 --> 00:03:18.010
mi aplicación para asegurarse de que su aplicación

00:03:18.010 --> 00:03:20.590
siente que pertenece como debería en

00:03:20.590 --> 00:03:23.695
la plataforma iOS, así
como Android, por supuesto.

00:03:23.695 --> 00:03:26.365
Entonces, ¿cómo puedo abordar mejor
estas cosas?

00:03:26.365 --> 00:03:27.910
Así que voy a compartir
con usted algunos de

00:03:27.910 --> 00:03:29.860
las cosas que tiendo a buscar.

00:03:29.860 --> 00:03:32.440
Ahora, mis antecedentes antes

00:03:32.440 --> 00:03:34.450
unirse a Microsoft dos
y hace medio año,

00:03:34.450 --> 00:03:36.275
Tenía una compañía llamada Render,

00:03:36.275 --> 00:03:38.535
y lo hicimos consultoría.

00:03:38.535 --> 00:03:43.550
Fui yo mismo socio Ben Bishop
y varios contratistas.

00:03:43.610 --> 00:03:46.080
Así que hicimos aplicaciones para startups,

00:03:46.080 --> 00:03:47.400
los hicimos por las empresas,

00:03:47.400 --> 00:03:49.680
teníamos grandes clientes,
tenía pequeños clientes.

00:03:49.680 --> 00:03:51.705
Uno de los temas comunes era,

00:03:51.705 --> 00:03:53.415
fue muy creativo,

00:03:53.415 --> 00:03:55.455
pensamiento muy hacia adelante, había

00:03:55.455 --> 00:03:57.985
barra muy alta para la experiencia del usuario.

00:03:57.985 --> 00:04:00.490
Así que estábamos constantemente haciendo
cosas que no pudimos encontrar

00:04:00.490 --> 00:04:04.030
cualquier precedente para o nosotros
sólo trata de resolverlo.

00:04:04.030 --> 00:04:06.010
Así que algunos de estos son
consejos y trucos de

00:04:06.010 --> 00:04:08.500
recursos útiles y
prácticas que tengo.

00:04:08.500 --> 00:04:11.915
Así que uno de los primeros es
encontrar recursos como este.

00:04:11.915 --> 00:04:14.990
Este es el punto de color adobe punto com.

00:04:14.990 --> 00:04:17.840
Solía llamarse
Kuler, K-U-L-E-R.

00:04:17.840 --> 00:04:20.960
Así que este es un sitio web y
también hay una aplicación móvil

00:04:20.960 --> 00:04:23.760
que se puede utilizar y se puede
tomar fotos de colores,

00:04:23.760 --> 00:04:26.420
puedes tomar fotos
de una foto entera,

00:04:26.420 --> 00:04:29.160
y te dirá lo que
la paleta de colores que es.

00:04:29.160 --> 00:04:32.620
Así que si usted está buscando
sólo un conjunto de cinco, seis,

00:04:32.620 --> 00:04:35.310
colores que se ajustan a un tema en particular,

00:04:35.310 --> 00:04:37.150
este es un buen recurso para ir.

00:04:37.150 --> 00:04:40.270
Si eres de color
desafiado, esto es bueno.

00:04:40.270 --> 00:04:43.834
Ahora, algo a tener en cuenta
desde el punto de vista de la accesibilidad,

00:04:43.834 --> 00:04:45.350
sólo porque hay una paleta de colores,

00:04:45.350 --> 00:04:47.890
no significa que va
para ser genial en tu teléfono,

00:04:47.890 --> 00:04:50.659
no significa que va
para ser ideal para la accesibilidad,

00:04:50.659 --> 00:04:53.165
porque cuando se trata de color,

00:04:53.165 --> 00:04:55.115
contraste es muy importante.

00:04:55.115 --> 00:04:56.840
Hay que tener en cuenta el color

00:04:56.840 --> 00:04:58.565
ceguera y cosas por el este.

00:04:58.565 --> 00:05:00.230
Así que quieres ser consciente de eso.

00:05:00.230 --> 00:05:02.270
No propromobé esto en mi mazo,

00:05:02.270 --> 00:05:05.345
pero sé en Mac en particular,

00:05:05.345 --> 00:05:07.160
hay un plug-in que

00:05:07.160 --> 00:05:09.480
puede instalar, o es
ni siquiera un plug-in,

00:05:09.480 --> 00:05:10.670
es una aplicación que puedes instalar,

00:05:10.670 --> 00:05:13.550
y convertirá su pantalla en

00:05:13.550 --> 00:05:17.600
una representación de lo que
diferentes daltónicos ven,

00:05:17.600 --> 00:05:20.690
y eso realmente abrirá los ojos

00:05:20.690 --> 00:05:22.880
a lo que estás tratando

00:05:22.880 --> 00:05:25.070
con y lo que esas personas
vivir con todos los días.

00:05:25.070 --> 00:05:28.860
El verde no es necesariamente verde
como verde tal vez, esa cosa.

00:05:28.860 --> 00:05:30.510
Así que este es un recurso realmente bueno.

00:05:30.510 --> 00:05:33.750
Otro es coolers.com,
¿es coolers.com?

00:05:33.750 --> 00:05:37.500
Sí, coolers.co. Sólo
Google para estos,

00:05:37.500 --> 00:05:39.690
échales un vistazo. De nuevo, muy bien.

00:05:39.690 --> 00:05:40.905
Te darán el RGB,

00:05:40.905 --> 00:05:44.430
te darán
los colores hexadecimales,

00:05:44.430 --> 00:05:46.440
puedes hacer cromática monomática,

00:05:46.440 --> 00:05:49.925
se puede hacer contraste, todas las cosas.

00:05:49.925 --> 00:05:52.385
Es un recurso realmente genial
y puedes empezar allí.

00:05:52.385 --> 00:05:54.710
Ahora, ¿cuáles son sus
opciones cuando se va a

00:05:54.710 --> 00:05:57.470
hacer temas dentro de Xamarin Forms?

00:05:57.470 --> 00:05:59.720
Así que probablemente estás
pensando en temas,

00:05:59.720 --> 00:06:02.870
por lo que buscar en el tema de la Palabra
con Xamarin Forms,

00:06:02.870 --> 00:06:04.055
y encuentras este Xamarin

00:06:04.055 --> 00:06:08.140
Paquete Forms.theme.
¿Alguien ha usado esto?

00:06:08.140 --> 00:06:12.480
Uno, dos. ¿Fue eso de un dolor
en el trasero para ponerse en marcha?

00:06:12.480 --> 00:06:15.155
Sí, mucho más difícil que
tenía que serlo.

00:06:15.155 --> 00:06:20.310
Así que fue una vista previa que
el equipo salió hace muchos años.

00:06:20.310 --> 00:06:23.330
Todavía es vista previa porque se vuelve

00:06:23.330 --> 00:06:26.130
a cabo que realmente no era
el mejor enfoque,

00:06:26.130 --> 00:06:27.600
y así se aprendió mucho.

00:06:27.600 --> 00:06:31.160
Todavía está ahí afuera sólo
en caso de que alguien quiera usarlo,

00:06:31.160 --> 00:06:33.785
porque realmente no hemos
lo reemplazó con cualquier cosa.

00:06:33.785 --> 00:06:37.105
No recomendaría usarlo,

00:06:37.105 --> 00:06:39.510
Lo ignoraría,
fingir que no existe.

00:06:39.510 --> 00:06:41.550
Podemos eliminarlo en algún momento,

00:06:41.550 --> 00:06:42.780
Me han preguntado, "Oye,

00:06:42.780 --> 00:06:44.430
¿cuándo podemos abandonar esta cosa?"

00:06:44.430 --> 00:06:46.320
Tenemos un hábito especialmente,

00:06:46.320 --> 00:06:48.110
ahora que somos parte de Microsoft que

00:06:48.110 --> 00:06:49.670
no queremos eliminar
cualquier cosa que nadie

00:06:49.670 --> 00:06:52.770
podría tener una dependencia de
sin muchas advertencias,

00:06:52.770 --> 00:06:54.620
y etiquetas, y cosas.

00:06:54.620 --> 00:06:57.495
Entonces también tienes GrialKit.

00:06:57.495 --> 00:06:59.025
Yo lo llamo GrialKit,

00:06:59.025 --> 00:07:00.950
pero he oído que se pronunció
varias maneras diferentes,

00:07:00.950 --> 00:07:04.580
pero supongo que voy a ser un ignorante
Americano y lo llaman GrialKit

00:07:04.580 --> 00:07:09.510
porque es como
el Santo Grial, Grial, Greil.

00:07:09.510 --> 00:07:12.530
Así que eso es realmente genial,

00:07:12.530 --> 00:07:13.760
súper fácil de usar.

00:07:13.760 --> 00:07:15.650
Lo agarré yo mismo y lo usé.

00:07:15.650 --> 00:07:18.710
Tienen un muy robusto
motor de temas en el interior

00:07:18.710 --> 00:07:22.385
de Grial y se puede utilizar.

00:07:22.385 --> 00:07:25.430
Es comercial, por lo que
pagar una cuota de licencia,

00:07:25.430 --> 00:07:27.950
No sé lo que el actual
arreglo es y cosas por el respecto,

00:07:27.950 --> 00:07:29.570
pero en mi experiencia,

00:07:29.570 --> 00:07:31.400
ha estado valen cada centavo.

00:07:31.400 --> 00:07:34.050
Creé un equipo de robótica de la escuela secundaria,

00:07:34.050 --> 00:07:35.840
mi hijo hace las cosas robóticas,

00:07:35.840 --> 00:07:37.790
y querían
crear una aplicación móvil para

00:07:37.790 --> 00:07:41.900
básicamente rastrear a los otros equipos
en sus competiciones,

00:07:41.900 --> 00:07:44.254
y básicamente hacer exploración,

00:07:44.254 --> 00:07:45.860
pero querían verse bien.

00:07:45.860 --> 00:07:48.260
Así que le puse una sensación con
la licencia y todo,

00:07:48.260 --> 00:07:49.730
y estaban impresionados.

00:07:49.730 --> 00:07:51.260
"Esto es
exactamente lo que quiero.

00:07:51.260 --> 00:07:54.835
Quiero ser el chico genial y mi
cosas se ve impresionante por defecto."

00:07:54.835 --> 00:07:58.250
Entonces la otra manera puedes ir
sobre ello es escribirlo usted mismo.

00:07:58.250 --> 00:07:59.960
Por supuesto, escribirlo usted mismo

00:07:59.960 --> 00:08:01.400
significa que vas a hacer
un poco de trabajo,

00:08:01.400 --> 00:08:03.680
pero tú lo posees, y
conocerlo de extremo a extremo.

00:08:03.680 --> 00:08:06.080
Ese es otro de
las razones por las que realmente nunca

00:08:06.080 --> 00:08:08.935
evolucionó estos Xamarin
Paquete temático Forms,

00:08:08.935 --> 00:08:11.880
es porque con estilos,
recursos estáticos,

00:08:11.880 --> 00:08:13.490
y recursos dinámicos, que realmente

00:08:13.490 --> 00:08:15.935
tener todo en
sus yemas de los dedos que necesita.

00:08:15.935 --> 00:08:20.150
Así que no necesariamente necesitas
todo un paquete para hacerlo más difícil,

00:08:20.150 --> 00:08:21.755
lo hacemos bastante fácil.

00:08:21.755 --> 00:08:23.540
Así que voy a mostrar una demostración aquí en

00:08:23.540 --> 00:08:26.005
un poco y eso es
el método que utilizo.

00:08:26.005 --> 00:08:28.400
Recursos dinámicos, algo que

00:08:28.400 --> 00:08:30.770
recogido de
nuestro equipo de asesoramiento al cliente.

00:08:30.770 --> 00:08:32.620
Estaba mirando a través de algunos
de su código y estoy como,

00:08:32.620 --> 00:08:35.565
"Eso es increíble, sólo estoy
va a usarlo totalmente.

00:08:35.565 --> 00:08:39.545
Así que vamos a mostrar eso. Algunos otros
cosas cuando se trata de fuentes,

00:08:39.545 --> 00:08:41.120
añadimos esto recientemente,

00:08:41.120 --> 00:08:43.235
Creo que fue Xamarin Forms4.1.

00:08:43.235 --> 00:08:46.060
Hemos añadido algunos nuevos tamaños de nombres.

00:08:46.060 --> 00:08:48.290
Es bueno usar tamaños de nombre

00:08:48.290 --> 00:08:50.705
especialmente cuando
acceso.

00:08:50.705 --> 00:08:53.120
Así que tengo padres que
se están poniendo un poco

00:08:53.120 --> 00:08:55.535
más difícil en los ojos para ver las cosas,

00:08:55.535 --> 00:08:57.755
y por lo que recoger
su teléfono y sólo

00:08:57.755 --> 00:09:00.920
golpe en la cara con
la fuente porque es tan grande.

00:09:00.920 --> 00:09:03.140
Así que en realidad he visto a algunos de ustedes

00:09:03.140 --> 00:09:05.810
aquí con fuentes realmente grandes
en sus teléfonos,

00:09:05.810 --> 00:09:08.420
así que esto es bueno para ti también.

00:09:08.420 --> 00:09:10.745
Sí, pero añadimos algunas cosas nuevas.

00:09:10.745 --> 00:09:13.640
James Clancy uno de los
nuestros ingenieros envían ese PR.

00:09:13.640 --> 00:09:16.970
Tenemos algunos
trabajo beneficioso que viene para

00:09:16.970 --> 00:09:20.735
fuentes, así para que
más fácil de hacer multiplataforma.

00:09:20.735 --> 00:09:24.995
Tenemos en marcha
el plan de caer esencialmente

00:09:24.995 --> 00:09:29.350
un archivo de fuente en su compartido,
your.NET proyecto estándar.

00:09:29.350 --> 00:09:31.965
Whoops, pero ya sabes
lo que quiero decir con compartido?

00:09:31.965 --> 00:09:33.830
No hablamos de compartidos en términos

00:09:33.830 --> 00:09:35.660
de lo del proyecto compartido sucio,

00:09:35.660 --> 00:09:38.600
estamos hablando de about.NET
proyectos estándar,

00:09:38.600 --> 00:09:40.580
que no hay nada malo
con proyectos compartidos,

00:09:40.580 --> 00:09:42.990
pero sólo para ser claro
sobre lo que quiero decir.

00:09:43.260 --> 00:09:46.630
Suelta esa fuente ahí.
y automáticamente

00:09:46.630 --> 00:09:49.690
hace las cosas pre-construcción necesarias.

00:09:49.690 --> 00:09:53.470
Así que no tienes que preocuparte
sobre la creación de info.plist.

00:09:53.470 --> 00:09:57.670
No tienes que preocuparte por
combinando los nombres o la figura

00:09:57.670 --> 00:09:59.590
a cabo ¿cómo referencia Android

00:09:59.590 --> 00:10:02.170
esta fuente versus cómo
iOS hace referencia a esta fuente.

00:10:02.170 --> 00:10:06.220
Todos ustedes han disfrutado de que estoy seguro
y has usado esa trivia con

00:10:06.220 --> 00:10:08.440
sus amigos para sorprenderles cómo

00:10:08.440 --> 00:10:10.660
puede hacer fuentes personalizadas
en iOS y Android,

00:10:10.660 --> 00:10:12.250
pero podemos hacerlo más fácil.

00:10:12.250 --> 00:10:13.735
Así que eso también viene.

00:10:13.735 --> 00:10:16.255
Así que usas estos y luego

00:10:16.255 --> 00:10:19.360
cuando el usuario entra en
los ajustes de accesibilidad,

00:10:19.360 --> 00:10:21.070
cambian su tamaño de fuente,

00:10:21.070 --> 00:10:24.155
que automáticamente obtener
el beneficio del cambio de tamaño,

00:10:24.155 --> 00:10:28.955
mientras que si el código duro
esos tamaños de texto entonces se fija.

00:10:28.955 --> 00:10:34.329
Ahora, yo diría que depende de
utilizar su discreción

00:10:34.329 --> 00:10:36.970
y trabajar con su equipo
para averiguar dónde

00:10:36.970 --> 00:10:40.285
utilizar el tamaño de fuente con nombre y donde
para utilizar tamaños de fuente fijos.

00:10:40.285 --> 00:10:43.870
Tal vez todo
no necesita escalar.

00:10:43.870 --> 00:10:46.510
Así que eso es algo
que está a su disposición.

00:10:46.510 --> 00:10:48.400
No es una cosa de todo o nada.

00:10:48.400 --> 00:10:50.545
Lo usas como él
tiene más sentido.

00:10:50.545 --> 00:10:52.090
Muy bien. Así que aquí están

00:10:52.090 --> 00:10:54.790
los ingredientes de lo que
Voy a trabajar con.

00:10:54.790 --> 00:10:57.190
Un servicio temático, esencialmente
Sólo voy a

00:10:57.190 --> 00:11:00.070
utilizar los recursos de la aplicación existente,

00:11:00.070 --> 00:11:04.060
estilos preestablecidos, y luego estoy
va a aplicar estilos dinámicos.

00:11:04.060 --> 00:11:06.160
Echemos un vistazo a algún código, ¿sí?

00:11:06.160 --> 00:11:09.320
Eso no fue muy
largo para entrar en el código.

00:11:09.330 --> 00:11:13.570
Fresco. Muy bien, ¿dónde está Zappy?

00:11:13.570 --> 00:11:16.610
Así que esto es lo que tengo.

00:11:18.450 --> 00:11:22.010
Veamos cuál es la tecla de zoom?

00:11:23.400 --> 00:11:29.450
Más,comando más.
Mira eso.

00:11:30.180 --> 00:11:33.535
Así que ven aquí pequeño cursor.

00:11:33.535 --> 00:11:36.620
Esto es Windows, es
tan difícil para mí chicos.

00:11:36.960 --> 00:11:41.260
Muy bien, por aquí
en mi carpeta Estilos,

00:11:41.260 --> 00:11:44.320
Tengo un tema predeterminado,

00:11:44.320 --> 00:11:46.270
Tengo un tema oscuro,

00:11:46.270 --> 00:11:49.990
y luego tengo un tema blanco
que es un nombre horrible.

00:11:49.990 --> 00:11:52.090
Uno tal vez debería ser un tema negro

00:11:52.090 --> 00:11:54.205
o tal vez el tema blanco
debe ser un tema ligero.

00:11:54.205 --> 00:11:56.380
Por qué mezclé blanco y oscuro,

00:11:56.380 --> 00:11:59.260
Sólo puedo culpar a la falta de sueño.

00:11:59.260 --> 00:12:02.845
Pero estoy seguro de que nombras todo
perfectamente la primera vez.

00:12:02.845 --> 00:12:04.930
Nombrar es fácil para ti,

00:12:04.930 --> 00:12:07.150
es difícil para mí. Lo entiendo totalmente.

00:12:07.150 --> 00:12:10.390
Bien. Así que vamos a ver
esos archivos sólo un segundo

00:12:10.390 --> 00:12:13.915
y luego también tengo algunos otros
cosas divididas aquí.

00:12:13.915 --> 00:12:17.410
XAML global que trae
todo juntos

00:12:17.410 --> 00:12:22.660
realmente y luego tengo iconos
por aquí, tamaños y texto.

00:12:22.660 --> 00:12:25.690
¿Es esta una práctica que se utiliza si

00:12:25.690 --> 00:12:28.180
usted tiene una gran cantidad de recursos
o muchos estilos definidos,

00:12:28.180 --> 00:12:31.945
los divides en
categorías como esa?

00:12:31.945 --> 00:12:34.555
Levanta tu mano por mí si
eso es algo que haces.

00:12:34.555 --> 00:12:39.160
Fresco. Así que no es una locura después de todo.

00:12:39.160 --> 00:12:41.620
Sácame de aquí, allá vamos.

00:12:41.620 --> 00:12:46.000
Así que aquí está mi archivo XAML global
así que tengo todos mis colores para

00:12:46.000 --> 00:12:50.155
aquí y tal vez que podría ser
refactorizado en un archivo separado.

00:12:50.155 --> 00:12:53.230
Por cierto, estamos buscando
en la aplicación Zappy,

00:12:53.230 --> 00:12:56.980
tal vez debería levantar ese borde.

00:12:56.980 --> 00:12:58.690
Usaremos una ventaja ahora, ¿verdad.?

00:12:58.690 --> 00:13:00.100
Edge en Windows.

00:13:00.100 --> 00:13:03.670
Lo está haciendo muy bien, disfruto
eso. Estoy en el Canario.

00:13:03.670 --> 00:13:07.750
He actualizado todas mis cosas
anoche no sólo mi Edge,

00:13:07.750 --> 00:13:09.160
todos mis Estudios Visuales,

00:13:09.160 --> 00:13:10.780
todo mi Xamarin porque soy como,"Hey,

00:13:10.780 --> 00:13:11.980
Tengo dos charlas mañana.

00:13:11.980 --> 00:13:13.720
¿Qué es lo mejor que puedes hacer?"

00:13:13.720 --> 00:13:15.820
Actualiza todo.

00:13:15.820 --> 00:13:18.520
No me arrepiento.

00:13:18.520 --> 00:13:21.504
Así que Zappy está en mi GitHub,

00:13:21.504 --> 00:13:23.305
eso es como un árbol o lo que sea.

00:13:23.305 --> 00:13:26.815
Así que esta aplicación es realmente,

00:13:26.815 --> 00:13:29.080
Hice el patio de recreo de las pequeñas cosas

00:13:29.080 --> 00:13:31.810
aplicación durante la serie 3.0
y realmente disfruté

00:13:31.810 --> 00:13:34.150
ser capaz de luchar

00:13:34.150 --> 00:13:36.550
probar algunas de esas cosas como
estaban siendo liberados.

00:13:36.550 --> 00:13:40.210
También creó un pequeño y agradable
referencia, pero era feo.

00:13:40.210 --> 00:13:42.310
Soy como si pudiéramos hacerlo mejor que esto.

00:13:42.310 --> 00:13:44.320
Entonces, ¿qué tal si construimos
una aplicación de referencia.

00:13:44.320 --> 00:13:48.160
Así que Zappy es esa aplicación de referencia
para la serie 4.0 donde estoy

00:13:48.160 --> 00:13:52.660
añadiendo características que muestran cómo
hacer cosas, agregando escenarios.

00:13:52.660 --> 00:13:54.100
Cuando transmito Twitch,

00:13:54.100 --> 00:13:57.160
por lo general agregamos una pantalla o
algo para esto para mostrar

00:13:57.160 --> 00:14:00.490
de alguna técnica
y divertirnos.

00:14:00.490 --> 00:14:01.690
Así que eso es lo que esta aplicación es.

00:14:01.690 --> 00:14:05.290
Puede clonarlo, puede enviar APARARs.

00:14:05.290 --> 00:14:08.979
Si quieres ver
cosas de la serie,

00:14:08.979 --> 00:14:11.995
enviar un problema vamos a
trabajar en él y ser fresco.

00:14:11.995 --> 00:14:14.185
Así que eso es en lo que estamos trabajando,

00:14:14.185 --> 00:14:17.770
así que tengo su típico
diccionario de recursos

00:14:17.770 --> 00:14:21.625
Aquí. Veamos aquí.

00:14:21.625 --> 00:14:24.580
Tengo algunos de
los colores degradados desplegables

00:14:24.580 --> 00:14:26.425
porque Zappy tiene un gradiente.

00:14:26.425 --> 00:14:28.210
Por supuesto, todo tiene gradientes.

00:14:28.210 --> 00:14:30.010
Así es como ves
en más gradientes,

00:14:30.010 --> 00:14:32.695
solicitudes de gradientes
Sí, ha vuelto.

00:14:32.695 --> 00:14:35.725
Lo siguiente que tendremos
bordes biselados y luego.

00:14:35.725 --> 00:14:37.750
¿Podrías hacer eso?
¿Parece un cuero?

00:14:37.750 --> 00:14:39.950
Me gustaría que fuera cuero.

00:14:40.650 --> 00:14:43.675
Es común que todos ustedes, es común.

00:14:43.675 --> 00:14:45.100
Quiero decir realmente WebAssembly

00:14:45.100 --> 00:14:48.655
es como la segunda venida
de Silverlight, ¿no?

00:14:48.655 --> 00:14:51.610
Un poco sí.

00:14:51.610 --> 00:14:56.995
Entonces, por supuesto, señalé
esto en mi última sesión.

00:14:56.995 --> 00:14:58.660
Cuando tienes un estilo y

00:14:58.660 --> 00:15:01.060
tienen tipos que derivan
de otros tipos,

00:15:01.060 --> 00:15:04.405
puede utilizar esta propiedad
aquí se aplican a los tipos derivados.

00:15:04.405 --> 00:15:06.940
Esto es particularmente útil con

00:15:06.940 --> 00:15:09.730
la forma en que lo hicimos
el alias por vaciado.

00:15:09.730 --> 00:15:11.800
Así que en el shell es un objeto de shell,

00:15:11.800 --> 00:15:14.740
sección de shell, y shell
contenido, esa es la jerarquía.

00:15:14.740 --> 00:15:17.140
Pero hace un todo
mucho más sentido de ser

00:15:17.140 --> 00:15:19.390
capaz de decir que quiero un artículo fly out.

00:15:19.390 --> 00:15:20.740
Quiero una cuenta.

00:15:20.740 --> 00:15:23.080
Quiero que sea una barra de pestañas
con múltiples pestañas.

00:15:23.080 --> 00:15:25.405
Esos son nombres de alias
a estas cosas,

00:15:25.405 --> 00:15:28.120
para que pueda sin ti
esta propiedad para asegurarse de que

00:15:28.120 --> 00:15:30.970
sus estilos llegar a donde
esperas que lo sean.

00:15:30.970 --> 00:15:34.210
Fresco. Así que eso es algo
ser consciente sin tener en cuenta y luego

00:15:34.210 --> 00:15:35.740
Tengo un montón de convertidores abajo

00:15:35.740 --> 00:15:37.675
aquí que probablemente podría
ser su propio archivo para.

00:15:37.675 --> 00:15:40.930
Así que la forma en que funciona el tema es que

00:15:40.930 --> 00:15:44.170
mi tema predeterminado trae
todos esos pedazos juntos.

00:15:44.170 --> 00:15:48.250
¿Eso es lo suficientemente grande? Lo sé
cómo hacer esto. No, eso no.

00:15:48.250 --> 00:15:51.520
Dije que no. Aquí vamos.

00:15:51.520 --> 00:15:53.380
Ahora, yo también tengo una pregunta.

00:15:53.380 --> 00:15:56.575
Aquí vamos. Eso es lo suficientemente grande.
Sí, puedes ver eso.

00:15:56.575 --> 00:15:59.980
Así que este es mi valor por defecto,

00:15:59.980 --> 00:16:02.770
se utiliza en MergedDictionaries
que es lo que enviamos que en

00:16:02.770 --> 00:16:06.325
tres algo o fue
es como una cosa de 25, 26?

00:16:06.325 --> 00:16:08.890
Han pasado tantos años.

00:16:08.890 --> 00:16:12.730
La plataforma sigue madurando y
emergiendo, es impresionante.

00:16:12.730 --> 00:16:15.490
Así que esto trae todo
juntos y luego

00:16:15.490 --> 00:16:18.340
tienen mi tema oscuro
y mi tema blanco.

00:16:18.340 --> 00:16:22.540
Así que mi tema blanco se basa
en el tema predeterminado.

00:16:22.540 --> 00:16:26.020
Así que tiene una fuente base
de ese tema predeterminado,

00:16:26.020 --> 00:16:30.415
pero luego entra y
personaliza estos colores particulares.

00:16:30.415 --> 00:16:33.070
Aquí es donde la dinámica
recursos que viene en.

00:16:33.070 --> 00:16:35.410
Tienes que darles una llave para que

00:16:35.410 --> 00:16:37.855
que puedo hacer referencia
estos colores en otros lugares,

00:16:37.855 --> 00:16:38.980
y así que vamos a ver dónde

00:16:38.980 --> 00:16:42.040
ese color de fondo es
siendo utilizado en mi global.

00:16:42.040 --> 00:16:46.345
Así que el color de fondo,

00:16:46.345 --> 00:16:50.270
no ese color de fondo,
el otro.

00:16:50.400 --> 00:16:54.565
"Buscar", aquí vamos.

00:16:54.565 --> 00:16:58.030
Así que para mi elemento visual
estilo de fondo estoy

00:16:58.030 --> 00:17:02.020
usarlo aquí, utiliza
DynamicResource.

00:17:02.020 --> 00:17:04.630
Así que lo que el recurso dinámico
va a hacer por ti,

00:17:04.630 --> 00:17:07.795
tiene conciencia de básicamente
cambio de propiedad.

00:17:07.795 --> 00:17:11.934
Así que cuando ese color o algo
que utiliza estos cambios de color,

00:17:11.934 --> 00:17:15.175
se asegurará de que
cambio se refleja inmediatamente.

00:17:15.175 --> 00:17:20.620
Así de similar, aquí abajo por dentro
de creo que es un texto.

00:17:20.620 --> 00:17:23.290
Así que para mi título de texto el color

00:17:23.290 --> 00:17:25.930
que se utiliza es mi color primario de texto.

00:17:25.930 --> 00:17:29.259
Así que todo en
mi tema blanco está usando

00:17:29.259 --> 00:17:31.270
texto esencialmente oscuro sobre

00:17:31.270 --> 00:17:35.800
un fondo blanco y
como cabría esperar,

00:17:35.800 --> 00:17:38.275
mi tema oscuro es
básicamente al revés,

00:17:38.275 --> 00:17:41.830
fondo oscuro y texto claro.

00:17:41.830 --> 00:17:46.630
Así que echamos un vistazo a cómo se ve esto.

00:17:46.630 --> 00:17:50.845
No sé creo que probablemente
necesidad de volver a desplegar a este tipo.

00:17:50.845 --> 00:17:55.240
Vamos a seguir adelante y hacer una construcción
y desplegar y luego tendremos

00:17:55.240 --> 00:17:57.070
recarga caliente seguir y luego
Tengo un par de

00:17:57.070 --> 00:17:59.590
otras cosas interesantes para compartir
con usted a partir de entonces.

00:17:59.590 --> 00:18:00.670
Pero no hice ningún cambio,

00:18:00.670 --> 00:18:04.555
por lo que esta construcción no debe
tomar hasta mañana.

00:18:04.555 --> 00:18:10.550
Me he dado cuenta de que he estado probando
algunas construcciones internas calientes.

00:18:10.890 --> 00:18:13.210
Pero odiarías eso cuando golpeas

00:18:13.210 --> 00:18:15.595
el botón "Inicio" en él sólo
cuando empieza a lanzarse,

00:18:15.595 --> 00:18:17.935
que acaba de matar a la
cosa que estoy desplegando.

00:18:17.935 --> 00:18:19.810
Sólo yo, no.

00:18:19.810 --> 00:18:21.760
¿Qué hice?

00:18:21.760 --> 00:18:23.620
¿No es esto lo que Maddie se topó

00:18:23.620 --> 00:18:26.275
ayer donde
todo estaba funcionando?

00:18:26.275 --> 00:18:41.560
¿Qué?

00:18:41.560 --> 00:18:44.030
Eso es mentira.

00:18:46.980 --> 00:18:50.320
Eso es decir a la costumbre
renderizador, eso es tan raro.

00:18:50.320 --> 00:18:52.945
Literalmente no he hecho nada allí.

00:18:52.945 --> 00:18:55.255
Literalmente nada.

00:18:55.255 --> 00:18:58.570
Entonces, ¿qué haces cuando eso sucede?

00:18:58.570 --> 00:19:00.685
>> Actualizar.

00:19:00.685 --> 00:19:04.490
>> Actualizar. ¿Qué tal si hacemos una limpieza?

00:19:05.010 --> 00:19:11.275
Lo que sería interesante.
Echaremos un vistazo.

00:19:11.275 --> 00:19:18.380
No esa esta. ¿Qué ha cambiado?

00:19:20.400 --> 00:19:25.090
Veamos aquí proyecto
diseñador, XAML de la aplicación.

00:19:25.090 --> 00:19:28.000
Vas a
algo en la aplicación XAML.

00:19:28.000 --> 00:19:31.395
Vamos a verlo muy rápido y

00:19:31.395 --> 00:19:32.810
entonces vamos a tratar de
reconstruir una vez más

00:19:32.810 --> 00:19:34.680
y si eso no
trabajar, seguiremos adelante.

00:19:34.680 --> 00:19:38.225
Porque tengo otro muy
dulces demostraciones que son aún mejores.

00:19:38.225 --> 00:19:41.700
¿Qué fue lo último que hiciste aquí?

00:19:41.800 --> 00:19:45.150
No veo ningún problema.

00:19:48.090 --> 00:19:52.370
Claro, tu paso va bien
cada vez, ¿verdad?

00:19:57.750 --> 00:20:00.460
Así que esto es esencialmente
me va a dar

00:20:00.460 --> 00:20:03.985
la capacidad de intercambiar temas.

00:20:03.985 --> 00:20:06.940
Voy a ser capaz
para entrar en mi Configuración

00:20:06.940 --> 00:20:10.375
Panel y ver mis diferentes temas,

00:20:10.375 --> 00:20:14.300
cambiarlos, y ver
mi actualización de pantalla de inmediato.

00:20:14.370 --> 00:20:18.290
Puedes hacerlo pequeño Android.

00:20:19.800 --> 00:20:23.725
Ahora, está tomando mucho tiempo
para construir, ¿verdad?

00:20:23.725 --> 00:20:25.345
Después de hacer eso, limpia.

00:20:25.345 --> 00:20:28.100
¿Qué pasa con eso?

00:20:28.260 --> 00:20:31.255
Bueno, eso va, porque yo
siempre puede volver a ella,

00:20:31.255 --> 00:20:33.280
Quiero decir que la demo va
tener que trabajar porque

00:20:33.280 --> 00:20:36.190
realmente tiene como
todas las mejores demostraciones en ella.

00:20:36.190 --> 00:20:38.680
Así que vamos a hablar por
un minuto sobre gradientes

00:20:38.680 --> 00:20:41.455
y formas mientras eso va.

00:20:41.455 --> 00:20:45.310
Dado que los gradientes se están convirtiendo en
tan apestoso y popular,

00:20:45.310 --> 00:20:49.495
¿Cómo puedes hacer esto? Bien
tienes algunas opciones.

00:20:49.495 --> 00:20:52.630
Oh mira, ahí está mi pequeño emulador.

00:20:52.630 --> 00:20:54.910
No puedes ver mi emulador porque
está en la otra pantalla,

00:20:54.910 --> 00:20:56.140
pero es tan pequeño.

00:20:56.140 --> 00:20:59.420
Muy bien, hemos vuelto. Aquí vamos.

00:20:59.850 --> 00:21:04.330
Salga de la proyección de diapositivas. Puedes hacerlo.

00:21:04.330 --> 00:21:07.060
¿Ves eso? Puedes ver eso.

00:21:07.060 --> 00:21:10.240
Volvamos al código para que
puede ver que se está ejecutando. Muy bien.

00:21:10.240 --> 00:21:14.035
Así que creé una página dentro de
Zappy llamó a una guía de estilo.

00:21:14.035 --> 00:21:16.390
Así que agarré todos mis colores y

00:21:16.390 --> 00:21:18.955
lanzarlos a esta vista de colección.

00:21:18.955 --> 00:21:21.520
Así que tengo una vista de colección que es

00:21:21.520 --> 00:21:25.930
cuatro filas que abarcan y
entonces va a través.

00:21:25.930 --> 00:21:31.930
Así que la vista de la colección todavía está en
vista previa, pero está en 4.1 estable,

00:21:31.930 --> 00:21:33.175
así que si decides usarlo,

00:21:33.175 --> 00:21:35.140
está disponible para usted.

00:21:35.140 --> 00:21:36.430
Me encantaría saber
cómo te sientes acerca de

00:21:36.430 --> 00:21:37.720
nosotros haciendo características como esa.

00:21:37.720 --> 00:21:39.130
Básicamente, hornearlos y

00:21:39.130 --> 00:21:41.080
trabajando en ellos y
añadiendo características a ellos

00:21:41.080 --> 00:21:44.875
mientras están en lanzamientos estables
pero poniéndolos detrás de banderas.

00:21:44.875 --> 00:21:48.610
Así que estamos buscando que
decirnos cómo van las cosas.

00:21:48.610 --> 00:21:50.230
Así que no ahora,

00:21:50.230 --> 00:21:53.005
no todo el mundo se ponga de pie
e ir al micrófono.

00:21:53.005 --> 00:21:55.750
Muy bien, así que en esta aplicación,

00:21:55.750 --> 00:21:56.980
usted ve que tengo un gradiente que estamos

00:21:56.980 --> 00:21:58.450
va a hablar de en un segundo.

00:21:58.450 --> 00:22:01.215
Pero entonces tengo
esta configuración visual aquí arriba,

00:22:01.215 --> 00:22:04.770
y por lo que tengo
este interruptor de luz y oscuridad.

00:22:04.770 --> 00:22:06.150
Así que esto es en realidad,

00:22:06.150 --> 00:22:08.460
y voy a añadir
otros temas también.

00:22:08.460 --> 00:22:12.120
Fuchsia ha sido recomendado
como un estilo temático.

00:22:12.120 --> 00:22:13.740
No sé por qué.

00:22:13.740 --> 00:22:16.050
Pero a Squeaky le gusta mucho,

00:22:16.050 --> 00:22:17.610
¿Alguien ha ido a sesiones squeaky

00:22:17.610 --> 00:22:19.360
esta semana, escuché que ella está allí.

00:22:19.360 --> 00:22:21.010
Ella es genial, ¿verdad?

00:22:21.010 --> 00:22:23.815
Así que le encantan los Fucsia.

00:22:23.815 --> 00:22:27.355
Muy bien. Así que ahí está mi oscuridad.

00:22:27.355 --> 00:22:32.200
Ahí está mi luz. Ligero, brillante.

00:22:32.200 --> 00:22:34.045
Sí, así que me oscurezca.

00:22:34.045 --> 00:22:36.310
Cierro a este tipo

00:22:36.310 --> 00:22:39.970
y ves que mi pantalla
aquí de vuelta es ahora oscuro también.

00:22:39.970 --> 00:22:43.690
Así que la forma en que
ese interruptor que ocurre,

00:22:43.690 --> 00:22:46.690
si vamos a

00:22:46.690 --> 00:22:56.180
mi configuración ViewModel aquí.

00:22:56.400 --> 00:23:01.705
Así que tengo un comando de cambio de tema,
va a subir.

00:23:01.705 --> 00:23:09.640
El tema seleccionado está enlazado
al elemento seleccionado de esto.

00:23:09.640 --> 00:23:11.395
¿Ves mi cursor? Aquí otra vez.

00:23:11.395 --> 00:23:12.925
Así que la luz y la oscuridad,

00:23:12.925 --> 00:23:14.200
que en realidad es una vista de colección,

00:23:14.200 --> 00:23:16.900
es un horizontal
vista de colección deslizante.

00:23:16.900 --> 00:23:20.630
De hecho, bueno
y lo haré a continuación.

00:23:20.790 --> 00:23:26.305
Sí, así que estoy escuchando el
tema seleccionado como el elemento seleccionado,

00:23:26.305 --> 00:23:27.805
y luego basado en eso,

00:23:27.805 --> 00:23:29.890
Voy a nuevo mi tema oscuro o

00:23:29.890 --> 00:23:33.445
mi tema blanco y aplicarlo
a los recursos actuales de mi aplicación.

00:23:33.445 --> 00:23:35.155
Ves lo rápido que funcionó,

00:23:35.155 --> 00:23:36.430
y ves que no tengo

00:23:36.430 --> 00:23:38.590
una pequeña cantidad de recursos allí,

00:23:38.590 --> 00:23:40.075
es un poco de cosas.

00:23:40.075 --> 00:23:42.220
Así que eso funciona muy bien.

00:23:42.220 --> 00:23:44.590
Ahora, esa es una manera de entrar
que puedes hacer.

00:23:44.590 --> 00:23:47.005
Ciertamente se puede tratar de
muchas otras maneras de hacerlo.

00:23:47.005 --> 00:23:49.360
Todo este código está en mi GitHub,

00:23:49.360 --> 00:23:52.315
pruébalo, me encantaría
para saber lo que piensas.

00:23:52.315 --> 00:23:54.760
Sí. Así que pensé
que fue muy fácil.

00:23:54.760 --> 00:23:56.650
Fue mucho más fácil de lo que
pensó que iba a ser,

00:23:56.650 --> 00:23:59.305
y me siento como ahora
Soy un profesional [inaudible].

00:23:59.305 --> 00:24:00.745
Siento que lo tengo,

00:24:00.745 --> 00:24:02.320
nadie puede detenerme ahora.

00:24:02.320 --> 00:24:05.590
Fucsia está viniendo.
El Fucsia es ahora.

00:24:05.590 --> 00:24:11.020
Vaya. Muy bien

00:24:11.020 --> 00:24:12.880
así que hablemos de ese gradiente.

00:24:12.880 --> 00:24:16.435
Entonces, ¿cómo podemos hacer gradientes?

00:24:16.435 --> 00:24:18.310
Así que código nativo, por supuesto.

00:24:18.310 --> 00:24:20.140
SkiaSharp, tienes un lienzo,

00:24:20.140 --> 00:24:23.560
puedes dibujar tus degradados
en eso o en la vista de panqueques.

00:24:23.560 --> 00:24:25.315
Cualquier persona familiarizada con
la vista del panqueque?

00:24:25.315 --> 00:24:27.400
Me da hambre cada
tiempo que hablo de ello.

00:24:27.400 --> 00:24:30.760
Así que Stephen [inaudible]
de los Países Bajos,

00:24:30.760 --> 00:24:33.580
que no está aquí como lo hemos hecho
mencionado varias veces,

00:24:33.580 --> 00:24:36.025
no hay verguenza para usted Stephen
por no estar aquí.

00:24:36.025 --> 00:24:38.440
Todos vamos a tener un infomercial
para Stephen en este momento.

00:24:38.440 --> 00:24:41.260
Stephen, sé que estás.
llorando en casa a la derecha

00:24:41.260 --> 00:24:44.485
ahora que no eras capaz de
llegar a la Cumbre de Zam Dev,

00:24:44.485 --> 00:24:49.100
pero sabes lo que has hecho mal.

00:24:51.060 --> 00:24:54.235
Creo que está de vacaciones en familia.
o algo así, de todos modos.

00:24:54.235 --> 00:24:56.485
Está bien, ¿ves?

00:24:56.485 --> 00:24:59.950
Soy una oportunidad igual
recolector en la gente.

00:24:59.950 --> 00:25:02.530
Así que esas son opciones
que puedes usar.

00:25:02.530 --> 00:25:06.205
Pancake View es realmente
casi un marco glorificado.

00:25:06.205 --> 00:25:07.390
Esencialmente, es como el marco en

00:25:07.390 --> 00:25:09.205
esteroides si usted consigue
una buena mirada.

00:25:09.205 --> 00:25:12.385
Pero muy útil y podría ser
algo que quieras usar.

00:25:12.385 --> 00:25:15.590
Pero, ¿cómo lo harías si
¿Querías hacerlo tú mismo?

00:25:16.100 --> 00:25:20.760
Oh, lo siento, no estamos hablando
sobre el tema degradado, pero las formas.

00:25:20.760 --> 00:25:22.170
Tienes muchas opciones para las formas.

00:25:22.170 --> 00:25:24.090
No vamos a gastar
mucho tiempo en las formas.

00:25:24.090 --> 00:25:26.610
En realidad, SkiaSharp para dibujar es amable

00:25:26.610 --> 00:25:29.285
de su mejor ir a
multiplataforma para eso.

00:25:29.285 --> 00:25:31.555
Muy poderoso, bastante artista.

00:25:31.555 --> 00:25:36.160
He visto algunos ejemplos de ti
que son bastante alucinante.

00:25:36.160 --> 00:25:39.700
No sé lo que este halagador
negocio se trata de.

00:25:39.700 --> 00:25:41.815
Puedes hacerlo en C.

00:25:41.815 --> 00:25:43.885
Puedes hacerlo con
SkiaSharp. Es precioso.

00:25:43.885 --> 00:25:46.180
La animación es muy fácil.

00:25:46.180 --> 00:25:47.890
Pero puede usar mapas de bits.

00:25:47.890 --> 00:25:50.095
Eso es algo que se pone
pasado por alto mucho, ¿verdad?

00:25:50.095 --> 00:25:51.850
Si usted tiene un diseño y tiene como

00:25:51.850 --> 00:25:53.590
esta forma realmente interesante para ella,

00:25:53.590 --> 00:25:55.540
si vas a mirar
el desafío visual,

00:25:55.540 --> 00:25:58.015
mira lo que Ryan Davis hizo
en la aplicación Quantize,

00:25:58.015 --> 00:26:01.840
hasta en el encabezado tiene este pequeño
muesca con una curva agradable a ella.

00:26:01.840 --> 00:26:03.925
Es realmente sólo una imagen
en el fondo.

00:26:03.925 --> 00:26:07.060
Así que a veces cuando
mira una cosa visual,

00:26:07.060 --> 00:26:08.830
eres como cómo soy
¿Va a lograr eso?

00:26:08.830 --> 00:26:10.870
Que afectan o que

00:26:10.870 --> 00:26:14.275
diseño o no tengo un control
que hace exactamente eso.

00:26:14.275 --> 00:26:16.270
Tal vez no sea tan difícil como crees.

00:26:16.270 --> 00:26:18.490
Tal vez el segundo pensamiento
usted debe tener es cómo puede

00:26:18.490 --> 00:26:21.100
Lo hago de verdad, pero
¿Cómo puedo fingir?

00:26:21.100 --> 00:26:24.640
Como si fuera a fingirlo
y simplemente hacer que parezca,

00:26:24.640 --> 00:26:26.665
entonces, ¿cómo podría hacer eso,

00:26:26.665 --> 00:26:29.875
y a veces es tan simple
como simplemente incrustar una imagen.

00:26:29.875 --> 00:26:31.585
Pensando que está bien.

00:26:31.585 --> 00:26:33.160
Los usuarios no lo saben.

00:26:33.160 --> 00:26:35.305
Como oh, ¿realmente dibujó eso?

00:26:35.305 --> 00:26:37.165
Si el desarrollador no dibujó eso,

00:26:37.165 --> 00:26:39.235
esta aplicación es una mierda.

00:26:39.235 --> 00:26:40.990
No es así como va.

00:26:40.990 --> 00:26:42.415
No sé. Muy bien.

00:26:42.415 --> 00:26:44.530
Imágenes vectoriales, por supuesto, SVGs,

00:26:44.530 --> 00:26:47.305
hay diferentes controladores
puede cargar sus SVGs en.

00:26:47.305 --> 00:26:49.090
Entonces creo que ya mencioné

00:26:49.090 --> 00:26:51.115
dibujo en SkiaSharp o código nativo.

00:26:51.115 --> 00:26:52.780
Puede dibujar en código nativo.

00:26:52.780 --> 00:27:02.500
Así que gradientes y demostraciones, genial.

00:27:02.500 --> 00:27:04.960
Bueno, te mostraré primero cómo
Hago el gradiente en este

00:27:04.960 --> 00:27:07.630
algunos vuelan, de acuerdo.

00:27:07.630 --> 00:27:10.135
Así que este es el renderizado del shell.

00:27:10.135 --> 00:27:11.680
Así que si bajamos aquí,

00:27:11.680 --> 00:27:13.825
Estoy haciendo Android.

00:27:13.825 --> 00:27:16.645
Así que echemos un vistazo al proyecto Android,

00:27:16.645 --> 00:27:19.705
tengo mis renderizadores y he
tengo mi render de caparazón Zappy.

00:27:19.705 --> 00:27:28.970
Muy bien. Así que aquí abajo cuando llegue
el contenido de mi diseño de estante.

00:27:29.970 --> 00:27:33.580
Bien, podemos ver eso, genial.

00:27:33.580 --> 00:27:37.840
Así que lo entiendo, creo
un gradiente [inaudible] ,

00:27:37.840 --> 00:27:40.960
Agar, notar, agarré

00:27:40.960 --> 00:27:44.170
mis colores porque he
tengo mi tema de la aplicación aquí arriba.

00:27:44.170 --> 00:27:46.179
Esta es una inyección de dependencia,

00:27:46.179 --> 00:27:48.890
esto viene de mis recursos.

00:27:48.890 --> 00:27:50.550
Te mostré en mis recursos,

00:27:50.550 --> 00:27:53.580
mi archivo global, que tenía
un degradado comenzar y terminar el color.

00:27:53.580 --> 00:27:56.255
Lo mencioné de pasada.

00:27:56.255 --> 00:27:59.920
Así que obtengo mi dependencia por mi servicio

00:27:59.920 --> 00:28:03.055
para que aquí abajo, cuando establezca esto,

00:28:03.055 --> 00:28:05.155
Puedo establecerlo en colores que han sido

00:28:05.155 --> 00:28:08.170
establecido en mi código compartido.

00:28:08.170 --> 00:28:13.405
Entonces estaba hablando
a alguien acerca de esto,

00:28:13.405 --> 00:28:16.390
utilizamos la vista de coordinador que es

00:28:16.390 --> 00:28:19.480
el punto de vista que nos permite hacer
algunas animaciones realmente interesantes,

00:28:19.480 --> 00:28:22.030
si has visto alguna animación de héroe o

00:28:22.030 --> 00:28:24.760
algunos de los más avanzados
animaciones basadas en el diseño de materiales.

00:28:24.760 --> 00:28:27.400
Muchos de ellos se basan
sobre la opinión del coordinador,

00:28:27.400 --> 00:28:31.120
y Shell lo usa para
un poco de trabajo.

00:28:31.120 --> 00:28:34.525
Es por eso que he sido
animando a la gente a usar Shell

00:28:34.525 --> 00:28:36.340
porque es la base para que seamos

00:28:36.340 --> 00:28:38.575
capaz de añadir esas cosas más fácilmente,

00:28:38.575 --> 00:28:42.475
Sé que las transiciones pueden ser
un gran dolor para hacer lo contrario.

00:28:42.475 --> 00:28:44.860
Así que ciertamente no
tienen que usar Shell.

00:28:44.860 --> 00:28:46.900
No quiero enviarte.
el mensaje de que si no

00:28:46.900 --> 00:28:49.150
utilizar Shell que son de alguna manera
en la Edad Oscura.

00:28:49.150 --> 00:28:51.910
Eres bueno, amas
sus páginas de navegación,

00:28:51.910 --> 00:28:53.785
sus páginas de pestañas, su
páginas de detalles maestros,

00:28:53.785 --> 00:28:55.030
todo lo que sigue siendo bueno,

00:28:55.030 --> 00:28:57.010
no van a ninguna parte,

00:28:57.010 --> 00:28:59.380
no es una historia de juguetes
que no ser enviado a

00:28:59.380 --> 00:29:03.610
el orfanato o lo que sea.

00:29:03.610 --> 00:29:05.935
No era un orfanato,
es como una cosa de la guardería.

00:29:05.935 --> 00:29:07.300
No, no en una película nueva,

00:29:07.300 --> 00:29:10.525
esto es como tres,
el realmente triste.

00:29:10.525 --> 00:29:12.760
Sí, los nuevos
como se supone que es

00:29:12.760 --> 00:29:14.920
bueno y estoy seguro de que todavía es
triste, escuché a la gente llorar.

00:29:14.920 --> 00:29:16.840
No voy a llorar. Habrá

00:29:16.840 --> 00:29:20.665
no hay lágrimas provenientes de
estos ojos hasta donde usted sabe.

00:29:20.665 --> 00:29:27.700
Muy bien, esto son plátanos.

00:29:27.700 --> 00:29:30.745
Así que tengo el diseño del coordinador,

00:29:30.745 --> 00:29:33.670
Puse el fondo aquí,

00:29:33.670 --> 00:29:37.090
y aquí puse esto en transparente

00:29:37.090 --> 00:29:38.560
porque hay
algunas otras cosas que se ponen

00:29:38.560 --> 00:29:40.285
en la parte superior de la misma con la barra de aplicaciones.

00:29:40.285 --> 00:29:42.600
Así que quiero hacer
seguro de que mi gradiente

00:29:42.600 --> 00:29:44.985
va todo el camino desde
de abajo a arriba,

00:29:44.985 --> 00:29:49.680
porque aquí arriba algunos
de eso es en realidad la barra de aplicaciones.

00:29:49.680 --> 00:29:51.600
Sí, así que eso es más o menos,

00:29:51.600 --> 00:29:52.770
y así es como estoy
conseguir mi gradiente.

00:29:52.770 --> 00:29:55.060
Así que estoy usando código nativo
allí para hacer eso.

00:29:55.060 --> 00:29:58.000
Ahora, veamos otro ejemplo,

00:29:58.000 --> 00:30:01.195
y éste es de Ciro.

00:30:01.195 --> 00:30:02.920
Ciro está en Francia,

00:30:02.920 --> 00:30:04.990
París hizo una transmisión en vivo conmigo en

00:30:04.990 --> 00:30:07.440
Twitch donde construyó una pantalla de inicio de sesión.

00:30:07.440 --> 00:30:11.345
Así que tengo otra versión
de zap abierto aquí,

00:30:11.345 --> 00:30:15.550
donde creó
una vista de botón de degradado

00:30:15.550 --> 00:30:18.175
o un fondo degradado
y un botón de degradado.

00:30:18.175 --> 00:30:21.740
Así que si miramos lo que hizo aquí,

00:30:22.200 --> 00:30:25.015
y voy a ejecutar esta demostración en breve.

00:30:25.015 --> 00:30:26.830
Así que en el fondo de la cuadrícula que

00:30:26.830 --> 00:30:29.530
tiene este control personalizado
de la vista de degradado.

00:30:29.530 --> 00:30:31.330
Está agarrando que empezar en

00:30:31.330 --> 00:30:34.555
ese estilo final tal como mencioné
de los recursos estáticos,

00:30:34.555 --> 00:30:36.385
y ponerlo aquí.

00:30:36.385 --> 00:30:38.860
Así que si nos fijamos en lo que
esa vista de gradiente

00:30:38.860 --> 00:30:42.145
es que es como lo haría
esperar un renderizado personalizado.

00:30:42.145 --> 00:30:46.180
Así que cuando se llega a
el código Android o el código iOS,

00:30:46.180 --> 00:30:49.495
todo lo que hace es dibujar
un gradiente y lo envía de vuelta.

00:30:49.495 --> 00:30:52.360
Así que aquí está el código de Android
para la vista de degradado.

00:30:52.360 --> 00:30:56.664
En este caso, es
un renderizador de elementos visuales,

00:30:56.664 --> 00:30:59.455
y va a crear
un gradiente lineal,

00:30:59.455 --> 00:31:03.115
hacer la pintura y luego
dibujarlo en un lienzo.

00:31:03.115 --> 00:31:06.610
Entonces, usted puede hacer el
lo mismo en un botón aquí.

00:31:06.610 --> 00:31:09.415
Así que puedo tener un botón
que está acostumbrado botón,

00:31:09.415 --> 00:31:11.350
no es un botón real,

00:31:11.350 --> 00:31:12.715
es un botón falso.

00:31:12.715 --> 00:31:14.770
La única diferencia entre
un botón falso y un botón real

00:31:14.770 --> 00:31:17.770
es como lo llamas, todavía botones.

00:31:17.770 --> 00:31:20.530
Puede declararlos todos como

00:31:20.530 --> 00:31:22.240
elementos interactivos entonces
obtendrás todos los

00:31:22.240 --> 00:31:24.475
beneficios de accesibilidad
que deberías,

00:31:24.475 --> 00:31:27.505
para que puedas usarlo aquí también.

00:31:27.505 --> 00:31:29.545
Así que si ejecutamos esto,

00:31:29.545 --> 00:31:31.900
ver que lanzar un error
como el último.

00:31:31.900 --> 00:31:34.400
Te reto a que lances un error,

00:31:34.500 --> 00:31:39.415
nunca hablar con su código
así, te reto.

00:31:39.415 --> 00:31:41.620
Es como una persona que es

00:31:41.620 --> 00:31:47.960
significa que la misma gente sólo
articulado sus pantallas.

00:31:48.330 --> 00:31:51.650
¿Sabes qué es ese gesto?

00:31:55.590 --> 00:31:58.790
Muy bien, así que aquí vienen.

00:32:01.530 --> 00:32:05.620
Así que una de las cosas que he sido
hablando, oh hay un error.

00:32:05.620 --> 00:32:06.880
Es el mismo error,

00:32:06.880 --> 00:32:13.120
mira eso, increíble.

00:32:13.120 --> 00:32:15.415
Entonces, ¿cómo se presenta un error para eso?

00:32:15.415 --> 00:32:17.515
Quiero decir que el bicho básicamente diría,

00:32:17.515 --> 00:32:20.455
Lo corrí en mi habitación de hotel,

00:32:20.455 --> 00:32:24.925
Cierro la tapa, "Bajé las escaleras,

00:32:24.925 --> 00:32:27.609
Esperé unas dos horas,

00:32:27.609 --> 00:32:30.490
Enchufé la máquina de nuevo

00:32:30.490 --> 00:32:36.145
y luego no funcionó", y
eso es literalmente lo que pasó.

00:32:36.145 --> 00:32:41.725
No sé. Estoy limpiando,

00:32:41.725 --> 00:32:44.260
no es lo que hice la última vez,
Acabo de limpiarlo y reiniciarlo.

00:32:44.260 --> 00:32:46.285
No reineré el ID.

00:32:46.285 --> 00:32:47.380
No hice el baile completo,

00:32:47.380 --> 00:32:53.320
Lo siento.

00:32:53.320 --> 00:32:55.585
Iba a hacer
como una broma de baile,

00:32:55.585 --> 00:32:57.055
como si no hubiera hecho el movimiento completo,

00:32:57.055 --> 00:33:02.500
He rotura algo de baile.

00:33:02.500 --> 00:33:06.610
¿Alguien recuerda
rompiendo a partir de los 80.

00:33:06.610 --> 00:33:08.620
>> [inaudible].

00:33:08.620 --> 00:33:11.095
.>> Todos ellos hombre, todos ellos.

00:33:11.095 --> 00:33:13.730
¿Así es como te lastimaste el pie?

00:33:14.520 --> 00:33:16.360
>> Bueno, sí.

00:33:16.360 --> 00:33:18.145
>> Eso es lo que afirmas,

00:33:18.145 --> 00:33:21.680
pero usted puede haber estado tratando de
para recuperar los días de gloria.

00:33:21.750 --> 00:33:27.475
Muy bien, todavía nos estamos moviendo
aún no se han roto, estamos bien.

00:33:27.475 --> 00:33:28.990
Esto sólo nos da más tiempo para

00:33:28.990 --> 00:33:31.330
hablar de estas cosas,
es esto útil hasta ahora?

00:33:31.330 --> 00:33:32.680
¿Son cosas interesantes?

00:33:32.680 --> 00:33:34.510
Cosas que desafían
que usted puede tener

00:33:34.510 --> 00:33:37.404
frente a la reciente o en el futuro,

00:33:37.404 --> 00:33:39.505
nos enfrentaremos en el futuro.

00:33:39.505 --> 00:33:44.680
Hablando del futuro tiene a alguien
visto oscuro, oscuro en Netflix?

00:33:44.680 --> 00:33:47.350
Sé que parece que
cosa de secuestro infantil basado en

00:33:47.350 --> 00:33:50.750
en el como el- que es
no de lo que se trata.

00:33:50.970 --> 00:33:54.865
Es como una cosa de ciencia ficción,
todo está en alemán.

00:33:54.865 --> 00:33:56.575
Puedes trabajar en tu alemán.

00:33:56.575 --> 00:34:02.065
Muy bien, ahí vamos.

00:34:02.065 --> 00:34:05.200
Vamos, déjalo
para Visual Studio,

00:34:05.200 --> 00:34:09.710
Visual Studio ganar es dinero.

00:34:10.710 --> 00:34:14.440
Así que hay un par de cosas geniales

00:34:14.440 --> 00:34:17.260
pasando aquí, por supuesto, se ve
los gradientes que mencioné,

00:34:17.260 --> 00:34:19.345
un poco de
un gradiente en el botón.

00:34:19.345 --> 00:34:23.500
Entonces tienes esta bonita animación
transición que está sucediendo aquí.

00:34:23.500 --> 00:34:26.350
Así que eso no es un verdadero
segmento a controlar,

00:34:26.350 --> 00:34:29.080
es un segmento falso para controlar.

00:34:29.080 --> 00:34:32.260
La única diferencia entre
un segmento real para controlar y

00:34:32.260 --> 00:34:36.265
un segmento de higo para controlar
¿Es? Como lo llamas tú.

00:34:36.265 --> 00:34:40.340
Cuando tu jefe dice, siempre tiene
segmento puede mostrarle, diga que sí.

00:34:41.250 --> 00:34:45.850
Es lo que parece, sí.

00:34:45.850 --> 00:34:48.100
Así que algunos transistores fríos han
estado allí y te diste cuenta

00:34:48.100 --> 00:34:55.870
la cola de octocats saludando,
eso es un Lottie.

00:34:55.870 --> 00:34:58.540
Así que un Lottie es una biblioteca de

00:34:58.540 --> 00:35:02.830
Airbnb que abren de código
y se puede utilizar, ¿qué es,

00:35:02.830 --> 00:35:07.390
Adobe después de los efectos,

00:35:07.390 --> 00:35:10.014
y con una pequeña extensión
que se pueden instalar,

00:35:10.014 --> 00:35:12.505
y puede generar sus animaciones.

00:35:12.505 --> 00:35:15.490
Estoy muy triste de que en realidad
no te permitan hacer eso

00:35:15.490 --> 00:35:18.640
de Adobe Flash o animar
o como lo llamen ahora,

00:35:18.640 --> 00:35:22.150
porque yo sería maneras de que
después de los efectos, pero lo que sea.

00:35:22.150 --> 00:35:27.220
Sí. Así que Martin Van Dyke que
estaba corriendo por aquí,

00:35:27.220 --> 00:35:29.200
todavía puede estar por aquí,

00:35:29.200 --> 00:35:31.450
hizo la implementación de C-Sharp

00:35:31.450 --> 00:35:32.920
y mantiene
el paquete para eso.

00:35:32.920 --> 00:35:38.605
Así que ve a darle las gracias por
el Octocat, genial.

00:35:38.605 --> 00:35:41.410
Así que los gradientes frescos,

00:35:41.410 --> 00:35:43.450
y ves que tengo material

00:35:43.450 --> 00:35:45.445
trabajando aquí y
todo lo demás, así,

00:35:45.445 --> 00:35:47.950
Te echaré un vistazo rápido
en cómo funciona esta animación.

00:35:47.950 --> 00:35:49.750
Esto también está en mi GitHub,

00:35:49.750 --> 00:35:51.370
pero surge como PR,

00:35:51.370 --> 00:35:54.640
por eso es un proyecto separado
en este momento porque sólo

00:35:54.640 --> 00:35:59.150
lo tengo esta mañana,
que todavía está bien.

00:35:59.280 --> 00:36:01.960
Así que la página de inicio de sesión es

00:36:01.960 --> 00:36:04.600
sólo su sencillo
XAML como cabría esperar,

00:36:04.600 --> 00:36:06.340
Puedo hacer eso un poco más grande,

00:36:06.340 --> 00:36:10.640
Puedo darle esto.
o hacer esto, no eso.

00:36:10.640 --> 00:36:14.620
Cualquiera alguna vez accidentalmente
pulsa ese botón de ahí?

00:36:15.120 --> 00:36:20.995
No le pegues a eso. Sí, así que
realmente nada elegante sucediendo aquí.

00:36:20.995 --> 00:36:22.840
Ves que hay
son esas animaciones

00:36:22.840 --> 00:36:24.625
pero no se están haciendo en XAML.

00:36:24.625 --> 00:36:28.105
Voy a mostrarte cómo
hacerlos en XAML en un minuto.

00:36:28.105 --> 00:36:34.555
Así que si nos fijamos en la parte de atrás y
la opción selector toca,

00:36:34.555 --> 00:36:37.720
este es el evento de grifo
sobre este tipo aquí.

00:36:37.720 --> 00:36:40.240
Esto es lo que está desencadenando
las animaciones.

00:36:40.240 --> 00:36:41.740
Está haciendo algunas traducciones,

00:36:41.740 --> 00:36:45.520
por lo que traducir a es
sólo un método de animación auxiliar.

00:36:45.520 --> 00:36:48.880
Todavía está usando
API de animación en el back-end.

00:36:48.880 --> 00:36:52.570
También te has desvanecido
y cosas así.

00:36:52.570 --> 00:36:56.440
Entonces usted puede hacer un poco de espera
tarea y agrupar alguna animación.

00:36:56.440 --> 00:37:00.580
Así que hace tanto la traducción
y el desvanecimiento también al mismo tiempo.

00:37:00.580 --> 00:37:04.480
Luego, por supuesto, puede administrar en
visibilidad y cosas por el respecto.

00:37:04.480 --> 00:37:06.715
Así que usted puede hacer
su animación de esta manera.

00:37:06.715 --> 00:37:08.830
Ciertamente, no hay nada de malo en ello,

00:37:08.830 --> 00:37:11.005
pero también voy a mostrar
que cómo se puede hacer

00:37:11.005 --> 00:37:14.830
en XAML. Muy bien, genial.

00:37:14.830 --> 00:37:20.665
Así que eso es gradiente
y formas, Parallax.

00:37:20.665 --> 00:37:24.445
Creo que esta es mi última
o la última demostración.

00:37:24.445 --> 00:37:28.525
En realidad tengo
una demostración extra, así que veremos.

00:37:28.525 --> 00:37:30.550
Muy bien, parallax.

00:37:30.550 --> 00:37:32.485
Así que esto es lo que es
pasando con Parallax.

00:37:32.485 --> 00:37:36.535
Hice explotar la vista de lo que
Te lo voy a mostrar.

00:37:36.535 --> 00:37:39.745
De hecho, no,
ya está aquí.

00:37:39.745 --> 00:37:41.920
Sigamos adelante y
construirlo y ejecutarlo,

00:37:41.920 --> 00:37:45.220
para que no nos encontremos con
el mismo problema que teníamos anteriormente.

00:37:45.220 --> 00:37:46.630
Este es el ejemplo de la página de inicio de sesión.

00:37:46.630 --> 00:37:48.800
No necesito eso, vamos a cerrarlo.

00:37:49.080 --> 00:37:52.180
Si vengo aquí,

00:37:52.180 --> 00:37:55.345
construir correr ir, de acuerdo.

00:37:55.345 --> 00:37:58.750
Pero no viste ninguna
de eso. Está bien.

00:37:58.750 --> 00:38:01.120
Sólo en la construcción,
edificio y funcionamiento.

00:38:01.120 --> 00:38:04.900
Así que lo que tienes es que
tienen diferentes capas de

00:38:04.900 --> 00:38:08.830
cosas y la cuadrícula es un muy grande
manera de tener diferentes capas.

00:38:08.830 --> 00:38:13.375
Entonces, como las cosas necesitan
abarcar filas o columnas de span,

00:38:13.375 --> 00:38:14.710
usas el palmo.

00:38:14.710 --> 00:38:18.280
Así que un intervalo de columnas de intervalo de filas,
ese tipo de cosas.

00:38:18.280 --> 00:38:22.315
Puse el equivocado lo siento.

00:38:22.315 --> 00:38:27.805
Entonces, ¿por qué ejecutaste ese código?

00:38:27.805 --> 00:38:31.835
Ese no es el código correcto, tan raro.

00:38:31.835 --> 00:38:33.900
Quiero decir, es el mismo proyecto,

00:38:33.900 --> 00:38:35.340
pero el correr en
dos directorios diferentes.

00:38:35.340 --> 00:38:37.860
Pero supongo que sí
generar el mismo binario.

00:38:37.860 --> 00:38:41.340
Así que eso es muy raro. Muy bien.

00:38:41.340 --> 00:38:43.470
Así que permítanme limpiar esto muy rápido.

00:38:43.470 --> 00:38:49.120
Construir limpio, construir limpio,

00:38:49.120 --> 00:38:51.040
limpiar todo, limpiarlo todo.

00:38:51.040 --> 00:38:54.130
Ahora, como mis hijos, no sólo
meter las cosas en el armario,

00:38:54.130 --> 00:38:59.110
limpio en absoluto. Fresco. Muy bien.

00:38:59.110 --> 00:39:01.750
Así que lo que va a pasar es,

00:39:01.750 --> 00:39:07.150
vamos a movernos
la lista de contenido,

00:39:07.150 --> 00:39:09.190
pero vamos a mover el encabezado,

00:39:09.190 --> 00:39:12.475
la imagen de fondo en
una tasa diferente de

00:39:12.475 --> 00:39:14.530
el contenido que el usuario es

00:39:14.530 --> 00:39:17.575
interactuando con eso
crea el efecto Parallax.

00:39:17.575 --> 00:39:19.060
Así que para hacer eso,

00:39:19.060 --> 00:39:20.650
tenemos que ser capaces de escuchar

00:39:20.650 --> 00:39:25.300
los datos de desplazamiento fuera de la
cosa con la que estoy interactuando.

00:39:25.300 --> 00:39:29.710
Así que tradicionalmente, eso es lo que ha
causaron problemas a los desarrolladores.

00:39:29.710 --> 00:39:32.800
En Xamarin Forms, es
que no todas las cosas

00:39:32.800 --> 00:39:36.100
que se desplazan en Xamarin Forms
te dicen que se están desplazando.

00:39:36.100 --> 00:39:38.320
Ahora ScrollView tiene

00:39:38.320 --> 00:39:39.910
un método onscroll o

00:39:39.910 --> 00:39:42.880
un evento que enviará
mientras el usuario se desplaza,

00:39:42.880 --> 00:39:45.085
para que pueda manejar
eso y código detrás.

00:39:45.085 --> 00:39:47.530
Pero no quiero hacer
eso y código detrás,

00:39:47.530 --> 00:39:50.590
porque XAML hot reload
está recargando XAML,

00:39:50.590 --> 00:39:52.165
no está recargando código detrás.

00:39:52.165 --> 00:39:54.925
Quiero quedarme en XAML
tanto como sea posible.

00:39:54.925 --> 00:39:58.420
Para que me tome el lleno
beneficio de la recarga.

00:39:58.420 --> 00:40:03.790
Así que lo que pasa aquí,
va a hacer eso.

00:40:03.790 --> 00:40:06.580
Ahora, ese pequeño bar

00:40:06.580 --> 00:40:09.655
hay representante
de la barra de navegación.

00:40:09.655 --> 00:40:13.060
Entonces también vamos a
hacer una barra de navegación falsa,

00:40:13.060 --> 00:40:15.430
y una vez que veas la animación
sabrás por qué.

00:40:15.430 --> 00:40:18.745
Así que aquí están los ingredientes
para hacer que esto suceda.

00:40:18.745 --> 00:40:21.280
Necesito un poco de
posición de desplazamiento o desplazamiento

00:40:21.280 --> 00:40:25.210
porcentaje de que puedo
activar mis otras animaciones.

00:40:25.210 --> 00:40:27.265
Necesito tener fijaciones,

00:40:27.265 --> 00:40:31.510
para que pueda hacerlo todo y reaccionar
apropiadamente en XAML.

00:40:31.510 --> 00:40:35.319
Entonces uso liberalmente
convertidores de valor,

00:40:35.319 --> 00:40:38.965
para que pueda aplicar los diferentes
efectos que quiero.

00:40:38.965 --> 00:40:41.530
Realmente las matemáticas son bonitas
fácil en estas cosas.

00:40:41.530 --> 00:40:43.180
Para conseguir algo que haga algo

00:40:43.180 --> 00:40:45.280
a un ritmo diferente
que otra cosa,

00:40:45.280 --> 00:40:47.560
usted toma el porcentaje
de los tiempos de pergamino

00:40:47.560 --> 00:40:50.710
la distancia máxima de
el pergamino, el factor de tiempos.

00:40:50.710 --> 00:40:53.485
Todos lo sabíamos. Es solo

00:40:53.485 --> 00:40:55.870
multiplicar algunas cosas juntos
y ver qué pasa.

00:40:55.870 --> 00:40:57.715
Es realmente lo que
todo se reduce a.

00:40:57.715 --> 00:40:59.290
Tus jefes te gusta, "¿Cómo usaste

00:40:59.290 --> 00:41:02.215
un verdadero algoritmo de Parallax para eso,

00:41:02.215 --> 00:41:06.175
o un algoritmo falso?"
Depende de cómo lo llames.

00:41:06.175 --> 00:41:09.250
Así que puedes jugar con
todo esto que quieras,

00:41:09.250 --> 00:41:11.830
pero en realidad eso es como
simple como se pone.

00:41:11.830 --> 00:41:15.279
Así que vamos a hablar por un minuto
sobre las transiciones,

00:41:15.279 --> 00:41:17.470
porque quiero hacer
estas demostraciones en conjunto.

00:41:17.470 --> 00:41:20.800
Así que no estoy hablando
específicamente sobre las transiciones

00:41:20.800 --> 00:41:25.345
de una página a otra,

00:41:25.345 --> 00:41:27.805
pero estoy hablando de
de un estado a otro.

00:41:27.805 --> 00:41:32.200
Así que hay una bonita biblioteca de nuevo
de Esteban a S en Esteban,

00:41:32.200 --> 00:41:35.185
No sé lo que hiciste.
que no podías estar aquí,

00:41:35.185 --> 00:41:38.845
pero amigo, está aquí en espíritu.

00:41:38.845 --> 00:41:42.519
Pero usted ve esto, cuando
carga de contenido de página,

00:41:42.519 --> 00:41:44.080
tienen algún indicador de carga.

00:41:44.080 --> 00:41:45.745
Dile al usuario que estás haciendo algo.

00:41:45.745 --> 00:41:48.204
Incluso mejor que
tener un spinner,

00:41:48.204 --> 00:41:50.890
¿por qué no darles
esa experiencia de ver

00:41:50.890 --> 00:41:54.955
el contenido en un estado falso
y luego reemplácelo.

00:41:54.955 --> 00:41:57.430
Es algo que se ve mucho
de aplicaciones que hacen en estos días.

00:41:57.430 --> 00:41:59.080
Me han dicho que Facebook lo hace.

00:41:59.080 --> 00:42:02.560
Realmente no uso Facebook muy
mucho, pero lo he visto pasar.

00:42:02.560 --> 00:42:05.080
Así que le dice a la gente que algo pasa,

00:42:05.080 --> 00:42:07.105
comunica lo que está sucediendo.

00:42:07.105 --> 00:42:09.115
Las animaciones comunican cosas.

00:42:09.115 --> 00:42:11.230
Cuando haces una animación
willy-nilly o un

00:42:11.230 --> 00:42:14.515
transición willy-nilly sólo
porque podría parecer genial,

00:42:14.515 --> 00:42:16.780
usted puede estar enviando un mensaje equivocado a

00:42:16.780 --> 00:42:18.670
alguien y usted puede
estar frustrando.

00:42:18.670 --> 00:42:20.260
Porque puede tomar demasiado tiempo y

00:42:20.260 --> 00:42:22.940
sólo quieren obtener
del punto A al punto B.

00:42:23.340 --> 00:42:25.405
Entonces, ¿cuándo deberías usarlo?

00:42:25.405 --> 00:42:30.025
Creo que cuando el cambio de estado es
un gran momento actualizando los datos.

00:42:30.025 --> 00:42:31.450
Hágame saber a la gente
algo está pasando,

00:42:31.450 --> 00:42:32.680
pero no les des una pantalla en blanco,

00:42:32.680 --> 00:42:34.510
nunca les dé una pantalla en blanco.

00:42:34.510 --> 00:42:36.340
Si vas a
tienen una vista vacía,

00:42:36.340 --> 00:42:39.130
¿qué colección apoya
vista vacía como una plantilla?

00:42:39.130 --> 00:42:42.130
Así que eso es increíble,
ListView no tenía eso.

00:42:42.130 --> 00:42:44.590
Ese es un gran lugar para poner

00:42:44.590 --> 00:42:47.635
alguna indicación al usuario
de lo que está pasando,

00:42:47.635 --> 00:42:49.630
o instrucciones sobre lo que

00:42:49.630 --> 00:42:52.375
que tienen que hacer para
rellenar ese contenido.

00:42:52.375 --> 00:42:56.380
Los procesos de ejecución corta son realmente
uso para transiciones.

00:42:56.380 --> 00:42:57.730
Si tiene un proceso de larga duración,

00:42:57.730 --> 00:43:01.210
es posible que desee pensar de cerca
acerca de cómo estás manejando eso,

00:43:01.210 --> 00:43:04.495
y luego validación y
validación de formularios.

00:43:04.495 --> 00:43:08.875
Es un buen momento para practicar
sus habilidades de transición de animación.

00:43:08.875 --> 00:43:11.140
Así que un par de cosas que hacer y no hacer.

00:43:11.140 --> 00:43:14.425
Algunos de ellos dicen lo mismo,

00:43:14.425 --> 00:43:17.830
pero pensé que tal vez esto sería
ser una buena manera de expresarlo.

00:43:17.830 --> 00:43:19.645
No seas gratuito.

00:43:19.645 --> 00:43:21.475
No hagas que tu
animación un obstáculo.

00:43:21.475 --> 00:43:22.960
Si tengo que esperar a que una animación

00:43:22.960 --> 00:43:24.685
completa para llegar a donde voy,

00:43:24.685 --> 00:43:27.505
eso probablemente no es
el mejor lugar para ello.

00:43:27.505 --> 00:43:30.970
Si intenta sin hacer la transición
más de una cosa a la vez,

00:43:30.970 --> 00:43:33.745
corres el riesgo de
abrumando el dispositivo,

00:43:33.745 --> 00:43:35.770
y luego sólo
se vuelven súper entrecortados.

00:43:35.770 --> 00:43:37.570
Si alguna vez has usado el menú desplegable,

00:43:37.570 --> 00:43:39.190
y has notado
y tal vez en Android

00:43:39.190 --> 00:43:40.900
en particular, esa apertura y

00:43:40.900 --> 00:43:42.340
cerrando el menú desplegable mientras estás

00:43:42.340 --> 00:43:44.440
cambio de contenido hace que se corte,

00:43:44.440 --> 00:43:46.089
y no va bien,

00:43:46.089 --> 00:43:48.220
es porque está haciendo
demasiadas cosas a la vez.

00:43:48.220 --> 00:43:49.630
Así que lo que puedes hacer es,

00:43:49.630 --> 00:43:51.835
puede establecer un retraso en
una de esas cosas.

00:43:51.835 --> 00:43:54.835
Tal vez dejar que el menú se cierre primero,

00:43:54.835 --> 00:43:56.785
a continuación, cargue el contenido de la página,

00:43:56.785 --> 00:43:59.980
o viceversa, entonces eso es
una manera de evitar eso.

00:43:59.980 --> 00:44:03.310
Pero ten cuidado con tratar
hacer demasiado a la vez.

00:44:03.310 --> 00:44:07.210
Hazlo disparador reversible
en respuesta a una acción del usuario.

00:44:07.210 --> 00:44:08.950
Estas cosas lo hacen encantador.

00:44:08.950 --> 00:44:11.110
Cuando el usuario siente que es

00:44:11.110 --> 00:44:14.455
una cosa real en sus manos
que está respondiendo a su toque,

00:44:14.455 --> 00:44:17.560
es muy agradable, o
respondiendo a su voz,

00:44:17.560 --> 00:44:20.260
o responder a su ubicación.

00:44:20.260 --> 00:44:23.440
Sabe, es consciente de dónde
son y lo que están haciendo.

00:44:23.440 --> 00:44:26.095
Eso es realmente encantador
para la gente. Muy bien.

00:44:26.095 --> 00:44:29.920
Así que echemos un vistazo a la demostración.

00:44:29.920 --> 00:44:32.710
Genial, estamos de vuelta en la aplicación correcta.

00:44:32.710 --> 00:44:35.230
Así que lo que no viste
la última vez fue cuando

00:44:35.230 --> 00:44:37.990
lo construyó y lo corrió fue
todavía esa pantalla de inicio de sesión,

00:44:37.990 --> 00:44:39.820
que era súper raro,
porque eso no era

00:44:39.820 --> 00:44:42.190
incluso el código que
estaba construyendo desde.

00:44:42.190 --> 00:44:45.190
Así que tengo una página aquí en

00:44:45.190 --> 00:44:50.360
mis escenarios llamados producto
detalles, por favor no se estrelle.

00:44:50.460 --> 00:44:54.430
Así que ves que tengo
mi animación de carga allí,

00:44:54.430 --> 00:44:55.990
y luego esperemos que si Internet es

00:44:55.990 --> 00:44:57.970
comportándose voy a obtener una imagen.

00:44:57.970 --> 00:45:00.770
Oh, vamos, puedes hacerlo.

00:45:03.230 --> 00:45:08.290
Tome a, está tratando de
carga de Internet.

00:45:08.290 --> 00:45:10.705
¿Tenemos Internet?

00:45:10.705 --> 00:45:13.780
Vamos, puedes hacerlo.

00:45:13.780 --> 00:45:20.120
Se ve mucho mejor con- Hola mamá.

00:45:24.030 --> 00:45:28.870
Eso fue increíble. Me sentí

00:45:28.870 --> 00:45:33.265
edificado como que la música era
pasando, ¿no?

00:45:33.265 --> 00:45:36.130
Bueno, no sé por qué
mi guitarra no se está cargando.

00:45:36.130 --> 00:45:37.810
Echemos un vistazo al XAML equipado.

00:45:37.810 --> 00:45:39.790
Tenemos recarga caliente seguir y
podemos tomar un momento para mirar

00:45:39.790 --> 00:45:43.090
el XAML. Muy bien.

00:45:43.090 --> 00:45:46.105
Así que tengo un montón de XAML aquí
todos ustedes, porque como dije,

00:45:46.105 --> 00:45:48.640
Estaba tratando de quedarme
en XAML tanto como

00:45:48.640 --> 00:45:52.465
puede beneficiarse de la callosa
recargar y no ir a otros lugares.

00:45:52.465 --> 00:45:56.200
Así que lo primero que va a
probablemente se dan cuenta como una mierda sagrada.

00:45:56.200 --> 00:45:58.235
Hay un montón de ins XML.

00:45:58.235 --> 00:46:01.185
Eso es todo espacios con nombres.

00:46:01.185 --> 00:46:03.000
Tengo muchos archivos
por todas partes.

00:46:03.000 --> 00:46:06.060
Como dije, estoy usando
esta cosa de carga fácil.

00:46:06.060 --> 00:46:09.030
Esta es mi página para la que necesito

00:46:09.030 --> 00:46:10.470
se unen a algo por alguna razón

00:46:10.470 --> 00:46:11.640
No recuerdo por qué lo tengo esto,

00:46:11.640 --> 00:46:13.730
pero debe ser muy importante.

00:46:13.730 --> 00:46:15.700
En este caso particular,

00:46:15.700 --> 00:46:18.280
Estoy escondiendo algunas cosas de conchas porque

00:46:18.280 --> 00:46:21.565
simplemente no lo quiero aquí para
los propósitos de esta demostración,

00:46:21.565 --> 00:46:24.220
y luego, por supuesto, estoy forzando

00:46:24.220 --> 00:46:26.935
un par de estilos aquí para
los propósitos de la demostración también.

00:46:26.935 --> 00:46:29.965
Estoy estableciendo mi contexto vinculante
aquí en el XAML.

00:46:29.965 --> 00:46:31.765
No sé si esto es
una práctica común para usted.

00:46:31.765 --> 00:46:34.330
Estoy bien, esto funciona.
bastante bien con Shell,

00:46:34.330 --> 00:46:38.680
y Shell está diseñado con
este patrón en mente que pones,

00:46:38.680 --> 00:46:40.390
Creo que no debería hablar
sobre Shell demasiado.

00:46:40.390 --> 00:46:42.295
Shane tiene una sesión
más tarde hoy en Shell.

00:46:42.295 --> 00:46:44.150
Ve a ver la charla de Shane sobre Shell.

00:46:44.150 --> 00:46:46.710
Va a ser genial cada spline
Envio a Shane a la derecha.

00:46:46.710 --> 00:46:49.360
Creo que está justo aquí,
debería estar justo aquí.

00:46:50.210 --> 00:46:53.250
Así que, por supuesto, en mis recursos,

00:46:53.250 --> 00:46:55.920
Básicamente no tengo nada
establecido para algunas animaciones.

00:46:55.920 --> 00:46:57.200
Lo he declarado.

00:46:57.200 --> 00:47:01.825
Estoy usando la animación Zam
de Javier Suárez Ruiz.

00:47:01.825 --> 00:47:05.230
Está en el equipo de via smack
y está en España.

00:47:05.230 --> 00:47:07.720
Así que hace un poco realmente
buenos ejemplos en línea.

00:47:07.720 --> 00:47:10.090
Si alguna vez vas a mirar
él hasta creo que tiene

00:47:10.090 --> 00:47:13.015
Xamarin impresionante o
algunos GitHub como ese.

00:47:13.015 --> 00:47:15.070
Sé que tenemos un par
de ellos hoy en día.

00:47:15.070 --> 00:47:17.350
Así que echa un vistazo a eso
algunos ejemplos realmente buenos.

00:47:17.350 --> 00:47:20.440
Así que tengo un par de
animaciones pre-construidas aquí.

00:47:20.440 --> 00:47:22.585
Este es CarouselFadeOut.

00:47:22.585 --> 00:47:25.960
Este es un NavBarFadeOut,
CarouselFadeIn,

00:47:25.960 --> 00:47:29.230
FakeNavBar, supongo que no debería
llámalo FakeNavBar.

00:47:29.230 --> 00:47:34.370
Debería ser como Dave'sNavBar y
como si eso no fuera falso, es real.

00:47:34.860 --> 00:47:38.065
Así que, por supuesto, tengo mi rejilla,

00:47:38.065 --> 00:47:40.750
y luego la imagen en la parte superior es

00:47:40.750 --> 00:47:44.050
este tipo de aquí,
este CarouselView.

00:47:44.050 --> 00:47:47.425
¿Dónde están mis imágenes?

00:47:47.425 --> 00:47:51.430
Están justo aquí. Lo
mal con su imagen?

00:47:51.430 --> 00:47:54.860
Mira esa url impresionante.

00:47:55.020 --> 00:47:57.640
Sé que sólo miro,

00:47:57.640 --> 00:47:59.995
Estoy enamorado de las guitarras ahora mismo.

00:47:59.995 --> 00:48:02.185
Puedo controlar mi teclado.

00:48:02.185 --> 00:48:04.045
Vi esta foto
esta guitarra mía,

00:48:04.045 --> 00:48:06.430
eso es lo que voy
para usar en mi demo.

00:48:06.430 --> 00:48:08.950
Asegurémonos de
la imagen incluso existe.

00:48:08.950 --> 00:48:11.780
Existe, ¿cuál es tu problema?

00:48:12.000 --> 00:48:15.950
Veamos si puedo golpearlo.

00:48:19.470 --> 00:48:30.025
Sí. Hombre, bytes Android
otra vez vamos a hacerlo.

00:48:30.025 --> 00:48:38.605
No tengo miedo. Vamos a actualizar
Visual Studio en este momento. Muy bien.

00:48:38.605 --> 00:48:40.990
No, no voy a hacer eso.

00:48:40.990 --> 00:48:42.640
Tengo un pequeño problema donde

00:48:42.640 --> 00:48:44.290
no le gusta empezar
el emulador de

00:48:44.290 --> 00:48:48.160
Visual Studio en este momento.
No, no quiero saberlo.

00:48:48.160 --> 00:48:51.400
También tengo un fallo muy extraño

00:48:51.400 --> 00:48:53.770
donde Hyper-V es en realidad
más lento que HAXM.

00:48:53.770 --> 00:48:55.720
¿Alguien está pasando eso?

00:48:55.720 --> 00:48:58.370
¿Esa es tu experiencia?

00:48:59.160 --> 00:49:01.960
Fresco. Muy bien.

00:49:01.960 --> 00:49:05.065
Reiniciar el emulador.

00:49:05.065 --> 00:49:06.940
Por eso me gusta
haciendo streaming en vivo.

00:49:06.940 --> 00:49:10.090
Es mucho más clave baja y estás
como trabajar a través de estas cosas.

00:49:10.090 --> 00:49:12.130
Todo está bien. No

00:49:12.130 --> 00:49:14.780
tienen que estar aquí arriba siendo
todo bonito para ti.

00:49:15.690 --> 00:49:19.760
Muy bien. Empezó.
Eso fue súper rápido.

00:49:19.800 --> 00:49:23.590
¿Está realmente vivo o está
que el frío congelado es vivo.

00:49:23.590 --> 00:49:25.465
Muy bien, vuelvan a desplegarse.

00:49:25.465 --> 00:49:27.160
Así que ahora estás diciendo
que voy a conseguir

00:49:27.160 --> 00:49:30.835
mi imagen que dice que estoy
va a conseguir una imagen.

00:49:30.835 --> 00:49:35.365
Pareja sin dudarlo diciendo
Sí, una persona muy competente.

00:49:35.365 --> 00:49:40.765
La mayoría de ustedes son como yo creo
tal vez, eso fue rápido también.

00:49:40.765 --> 00:49:44.240
No era lo que soy por lo general
que va mucho más lento.

00:49:52.170 --> 00:49:55.390
También por qué disfruto haciendo
transmisión en vivo en

00:49:55.390 --> 00:49:59.470
codificación en vivo porque
Pueden ayudarme.

00:49:59.470 --> 00:50:01.870
Muy bien. Fresco. así que
esto es lo que está pasando.

00:50:01.870 --> 00:50:03.460
Me desplazaré un poco más lento.

00:50:03.460 --> 00:50:07.720
Ves el paralaje yendo
allí con el, sí.

00:50:07.720 --> 00:50:11.080
Entonces ves que tengo
un NavBar y un NavBar.

00:50:11.080 --> 00:50:14.470
A medida que subo hasta el
la parte superior de la imagen se desvanece

00:50:14.470 --> 00:50:18.580
boom y luego mi NavBar se desvanece.

00:50:18.580 --> 00:50:24.340
Así que aquí está el camino difícil
para hacer esa transición NavBar.

00:50:24.340 --> 00:50:26.515
La forma difícil es decir,

00:50:26.515 --> 00:50:28.480
"Voy a hacer todo ese trabajo.

00:50:28.480 --> 00:50:30.190
Sólo voy a
tener un botón de retroceso.

00:50:30.190 --> 00:50:31.480
Voy a tener un botón de zoom.

00:50:31.480 --> 00:50:33.175
Voy a tener
un botón de carrito de compras.

00:50:33.175 --> 00:50:34.300
Voy a tener un trasfondo,

00:50:34.300 --> 00:50:36.070
y voy a hacer
todas esas traducciones

00:50:36.070 --> 00:50:37.840
yo mismo. Ese es el camino difícil.

00:50:37.840 --> 00:50:39.715
La manera fácil es decir,

00:50:39.715 --> 00:50:42.580
"Voy a tener
el primer estado y luego estoy

00:50:42.580 --> 00:50:46.045
va a crear otro NavBar
y se desvaneció y sobre la parte superior de la misma,

00:50:46.045 --> 00:50:48.565
y todos van
para hacer lo mismo.

00:50:48.565 --> 00:50:51.490
Confía en mí mucho más fácil.

00:50:51.490 --> 00:50:53.320
Así que eso es en realidad
lo que está pasando allí,

00:50:53.320 --> 00:50:55.135
y básicamente mientras me desplazo hacia arriba,

00:50:55.135 --> 00:50:58.135
Llega a un cierto punto y
activa esa animación.

00:50:58.135 --> 00:51:00.700
Así que estoy usando el evento
desencadenantes y estoy usando

00:51:00.700 --> 00:51:03.760
los desencadenantes de datos y
también utilizando enlaces.

00:51:03.760 --> 00:51:07.255
Así que para el pergamino de paralaje

00:51:07.255 --> 00:51:09.655
ya que eso es lo que soy
se supone que está hablando de,

00:51:09.655 --> 00:51:13.045
Tengo todo dentro
de un ScrollerView.

00:51:13.045 --> 00:51:16.165
Puede ver que el ScrollerView
es una vista personalizada.

00:51:16.165 --> 00:51:18.940
Es sólo una vista de desplazamiento en la que

00:51:18.940 --> 00:51:21.790
han expuesto la propiedad scroll,

00:51:21.790 --> 00:51:28.580
porque aquí arriba en el carrusel
que es la guitarra,

00:51:28.830 --> 00:51:35.725
usted ve que no tengo los datos
activar la traducción.

00:51:35.725 --> 00:51:37.375
Tengo este código aquí.

00:51:37.375 --> 00:51:40.810
Estoy traduciendo la posición Y
del carrusel.

00:51:40.810 --> 00:51:42.850
Así que mientras me desplazo hacia arriba,

00:51:42.850 --> 00:51:44.350
mi carrusel se mueve.

00:51:44.350 --> 00:51:46.045
Mi guitarra se mueve.

00:51:46.045 --> 00:51:49.420
Así que estoy vinculando a
un porcentaje de desplazamiento que es

00:51:49.420 --> 00:51:53.080
sólo una propiedad que expuse
fuera de scrollerView.

00:51:53.080 --> 00:51:55.555
Entonces de nuevo tengo un convertidor aquí,

00:51:55.555 --> 00:51:57.010
y estoy usando esto.

00:51:57.010 --> 00:51:59.950
Este es un pequeño truco lindo
que Stephen me mostró.

00:51:59.950 --> 00:52:02.650
Tal vez no sea un truco. Estoy
sólo usando los parámetros.

00:52:02.650 --> 00:52:04.300
Tengo la habilidad porque

00:52:04.300 --> 00:52:07.030
a veces quieres pasar
más de un parámetro.

00:52:07.030 --> 00:52:12.820
Así que estoy pasando una cadena
con un delimitador de punto y coma,

00:52:12.820 --> 00:52:15.610
y puedo pasar todo lo que quiera.

00:52:15.610 --> 00:52:20.095
Así que estoy pasando un factor
de lo que quería hacer,

00:52:20.095 --> 00:52:23.215
un valor mínimo, un valor máximo.

00:52:23.215 --> 00:52:25.420
Si es o no verdadero o falso.

00:52:25.420 --> 00:52:27.580
No recuerdo lo que
esa propiedad era para,

00:52:27.580 --> 00:52:30.730
y entonces ni siquiera recuerdo
para qué era.

00:52:30.730 --> 00:52:34.915
Así que la cosa es que
porque eso es todo lo que hay ahora,

00:52:34.915 --> 00:52:37.855
No tengo que volver y
hacia adelante el cambio de C.

00:52:37.855 --> 00:52:39.775
No tengo que volver a
código detrás de una disciplina.

00:52:39.775 --> 00:52:43.030
Puedo simplemente ajustar estos valores y
recarga y recarga y recarga.

00:52:43.030 --> 00:52:45.790
Así que puedo tomar esto
y puedo decir, "Bien.

00:52:45.790 --> 00:52:51.040
Vamos a hacer sólo
uno y salvo eso,

00:52:51.040 --> 00:52:55.375
recargar la página, y luego ahora
va en la dirección equivocada".

00:52:55.375 --> 00:52:57.160
Así que es como oh Dave eres

00:52:57.160 --> 00:52:59.230
un idiota que vas a tener
para reconstruir todo esto.

00:52:59.230 --> 00:53:01.960
lol No reconstruiremos.

00:53:01.960 --> 00:53:03.970
Ese es tu objetivo, y todo el objetivo es

00:53:03.970 --> 00:53:06.460
un desarrollador ahora es
para dejar de reconstruir.

00:53:06.460 --> 00:53:07.990
Entonces, ¿qué puedo

00:53:07.990 --> 00:53:10.390
hacer para hacer esta cosa
hacer algo diferente?

00:53:10.390 --> 00:53:14.995
Así que ahora recarga recarga.

00:53:14.995 --> 00:53:16.525
A veces no
incluso saber para recargar.

00:53:16.525 --> 00:53:19.675
Mira que ahora es
ratón como lo estoy persiguiendo,

00:53:19.675 --> 00:53:21.895
y ese no es el efecto
usted quiere cualquiera de los dos es.

00:53:21.895 --> 00:53:24.790
Así que sigo ajustando
esto y me di cuenta de que

00:53:24.790 --> 00:53:28.465
el factor negativo 10 parece
para trabajar bastante bien,

00:53:28.465 --> 00:53:30.880
y ahora tengo mi bonita transición.

00:53:30.880 --> 00:53:35.275
Ahora otra cosa
te darás cuenta de que,

00:53:35.275 --> 00:53:39.370
No sé si puedes ver esto.
pero ves cómo fue a blanco.

00:53:39.370 --> 00:53:43.540
Pero mi trasfondo es
en realidad como un color gris.

00:53:43.540 --> 00:53:45.790
En realidad tengo otra caja para

00:53:45.790 --> 00:53:47.665
usted sentado detrás del CarouselView.

00:53:47.665 --> 00:53:49.510
Así que puedo desvanecer el CarouselView,

00:53:49.510 --> 00:53:52.000
pero mantenerlo sobre un fondo blanco.

00:53:52.000 --> 00:53:54.385
Así que hace algunas cosas bonitas allí.

00:53:54.385 --> 00:53:56.410
Así que un buen número de cosas que suceden aquí.

00:53:56.410 --> 00:53:59.560
Ahora, realmente no lo hice
mostrarle cómo el fácil

00:53:59.560 --> 00:54:02.755
carga para el trabajo de la pantalla.

00:54:02.755 --> 00:54:08.485
Así que para volver producto rápido real
detalla esa parte de ahí.

00:54:08.485 --> 00:54:11.065
Te mostraré cómo eso
funciona muy rápido.

00:54:11.065 --> 00:54:13.555
Sí, hombre, no voy a renunciar.

00:54:13.555 --> 00:54:15.205
Vamos a por ello.

00:54:15.205 --> 00:54:17.245
Vamos a por ello. Realiza

00:54:17.245 --> 00:54:18.790
Quiero decir, soy Kramer parece hombre.

00:54:18.790 --> 00:54:21.100
Vamos al final de la línea.

00:54:21.100 --> 00:54:23.845
No, sólo bromeaba. Estoy
terminando. Estoy envolviendo.

00:54:23.845 --> 00:54:26.650
Esta es la última demo de la demo de bonificación.

00:54:26.650 --> 00:54:29.560
Todo está bien. Sólo dar cada
otro un abrazo y estar bien.

00:54:29.560 --> 00:54:36.235
Así que es en Brandon,

00:54:36.235 --> 00:54:40.265
¿estás tratando de abuchearme
fuera del escenario vienen en los hombres,

00:54:40.265 --> 00:54:42.310
ahora sólo bromeaba, casi termino.

00:54:42.310 --> 00:54:46.270
Así que realmente todo lo que haces es hacer esto.

00:54:46.270 --> 00:54:48.010
Proporcione una plantilla de carga.

00:54:48.010 --> 00:54:50.350
Ahora no sé
las implicaciones de rendimiento.

00:54:50.350 --> 00:54:52.060
Así que su kilometraje puede variar,

00:54:52.060 --> 00:54:53.605
pero casi sólo falso

00:54:53.605 --> 00:54:57.780
fuera del contenido que estás
va a mostrar.

00:54:57.780 --> 00:54:59.805
Entonces usted necesita para unir

00:54:59.805 --> 00:55:02.520
esta propiedad adjunta
se está cargando a algo.

00:55:02.520 --> 00:55:04.250
Así que no estoy ocupado,

00:55:04.250 --> 00:55:07.480
y probablemente todos ustedes tienen en
su ocupado en sus modelos de vista.

00:55:07.480 --> 00:55:08.980
Así que eso es más o menos.

00:55:08.980 --> 00:55:10.885
Este código está en mi GitHub.

00:55:10.885 --> 00:55:12.250
Hay una cosa más.

00:55:12.250 --> 00:55:15.430
Te señalaré, está en
mis diapositivas porque creo

00:55:15.430 --> 00:55:18.985
que este es un gran
recurso para comprobar.

00:55:18.985 --> 00:55:23.150
Haga esto, muestre esa acción.

00:55:24.240 --> 00:55:28.510
Así que Kym Phillpotts que
trabaja en MS aprender,

00:55:28.510 --> 00:55:30.910
anteriormente Xamarin University ha

00:55:30.910 --> 00:55:33.280
ha sido twitch streaming sus ejemplos.

00:55:33.280 --> 00:55:34.705
Este es el que hizo.

00:55:34.705 --> 00:55:37.075
Creo que es muy bueno.

00:55:37.075 --> 00:55:39.090
Puedo, tú haces este tipo de cosas,

00:55:39.090 --> 00:55:41.345
su jefe va
para darte un aumento.

00:55:41.345 --> 00:55:44.155
En serio, mira eso.

00:55:44.155 --> 00:55:46.270
Así que mira sus cosas.

00:55:46.270 --> 00:55:51.265
Esta demostración está en su GitHub como
así como varios otros.

00:55:51.265 --> 00:55:55.180
La animación puede ser realmente
un buen toque en la parte superior de todo.

00:55:55.180 --> 00:55:57.340
Pero hay un montón de
otras cosas básicas

00:55:57.340 --> 00:55:58.795
usted puede cuidar de. Así que de todos modos.

00:55:58.795 --> 00:56:01.750
Muchas gracias por su tiempo
por escuchar mis chistes.

00:56:01.750 --> 00:56:04.040
Espero que hayas aprendido algo.

00:56:06.000 --> 00:56:08.200
Todos quédense.

00:56:08.200 --> 00:56:10.000
[MUSICA]