In order to fulfill the basic functions of our service, the user hereby agrees to allow Xiaomi to collect, process and use personal information which shall include but not be limited to written threads, pictures, comments, replies in the Mi Community, and relevant data types listed in Xiaomi's Private Policy. By selecting "Agree", you agree to Xiaomi's Private Policy and Content Policy .
Agree

Temas

[Temas Tutorial] Crea temas para MIUI 10: Compatibilidad y adaptación de temas

2018-10-10 00:44:35
13044 13

Hola Mi Fans y Diseñadores

Como sabran recientemente se a lanzado MIUI 10 el cual incluye mejoras y cambios en el sistema, algunos de ellos a nivel de diseño. Es por ello que a continuación les dejo el tutorial oficial, para todos los mi fans y diseñadores de temas que quieran crear o actualizar sus temas para MIUI 10, ya que los temas diseñados para MIUI 9 tendrán problemas de compatibilidad en MIUI 10.

Ⅰ. Algunos componentes de la versión anterior de los temas de MIUI están bloqueados.

Los componentes que se han cambiado mucho en la interfaz están bloqueados por el tema, los componentes bloqueados son lo siguientes:

  • framework-res (Aplicado para todas las aplicaciones en Android)
  • com.android.systemui (Color de notificación / barra de estado)
  • com.miui.securitycenter
  • com.android.settings
  • com.android.deskclock (aplicaciones de terceros)


Ejemplo:
Si están utilizando MIUI 10 y el tema que usan o quieren aplicar es para la versión de MIUI 9, los componentes como la cortina de notificación, la barra de estado, configuración, reloj y otros no estarán disponibles en el tema, por ello no verán reflejados los cambios en estos componentes al aplicar temas de MIUI 9.

Si desea que estos componentes sean completamente compatibles para que sean visibles, debe subir la versión V10 del tema por separado. La plataforma para subir los temas de  MIUI 10 está disponible en designer.xiaomi.com.

Ⅱ. Botones de acción inferior


Debido a cambios en los efectos visuales, tamaño de los botones de acción inferiores y los botones de acción recién agregados, los componentes incompatibles en MIUI 9 y MIUI 10 deben hacerse y adaptarse individualmente.

  • Nuevos botones de acción para MIUI 10: V10 new small buttons (V9 size).zip (15.52 KB, Downloads: 264)
  • Botones de acción estándar para MIUI 10: V10 standard small buttons.zip (212.4 KB, Downloads: 155)


Ejemplo:
Si desean mantener el efecto del botón de acción original en MIUI 10, agregue "Nuevos botones de acción para MIUI 10" al paquete de temas V9, luego actualice el tema.

Ⅲ. Componentes de contactos com.android.contacts

1. La barra de acción superior: Utiliza el recurso action_bar_bg_light.9.png para todas las aplicaciones.

  • search: edit_text_search.png (Lupa)
  • search_mode_edit_text_bg_light.9.png (Cuadro de búsqueda)
  • edit_text_search_bg_color_light (Valor de color - fondo de la caja de búsqueda)
  • search_mode_bg_radius (Valor predeterminado para el tamaño del fondo de la caja de búsqueda –6.67dp)

Como se muestra a continuació


2. Nueva interfaz de contactos: Utiliza componentes globales para la barra de acción superior.

  • action_mode_bg_light.9.png resource

Como se muestra a continuació


3. Inmersión en la parte superior de la ventana emergente.

  • immersion_window_bg_light.9.png (Fondo)
  • immersion_menu_background_radius (Valor de tamaño - fillet)
  • divider_line_light (Valor de color - línea divisoria)
  • list_item_bg_color_pressed_light (Valor de color - estado de la lista cuando se presiona el botón)

Como se muestra a continuació


Ⅳ. Componente de SMS com.android.mms

  • Ajuste en la estructura de diseño del cuadro de entrada en la parte inferior de la interfaz de diálogo de SMS.
  • Una distancia entre el ícono "Send" y la parte inferior de la pantalla (Valor de tamaño):
  • padding_bottom_send_button_group (Si no es necesario, establezca el valor en 0)

Como se muestra a continuació


Ⅴ. Componente para todas las aplicaciones: framework-miui-res

Vea la adaptación de componentes para todas las aplicaciones en el editor de temas V10.

  • Este componente se puede usar en MIUI 10 normalmente por lo que no requiere hacer una adaptación. Mientras que los estilos o íconos recién agregados deben ser diseñados y reemplazados por separado.
  • Preste especial atención a: Activar / desactivar los botones
  • Valor de color relacionado: sliding_btn_bar_off_light.png
  • Sliding_btn_bar_on_light.png
  • accent_color_light (color que se muestra cuando se selecciona el botón). Se aplica a múltiples posiciones: SlidingButton, FAB, CheckBox, etc.

Como se muestra a continuació


Ⅵ. Reloj en la página de inicio: reloj_2x4, reloj_3x4

Debido a los diferentes tamaños de pantalla de los diferentes modelos, el plug-in del reloj debe usar coordenadas relativas (no coordenadas absolutas) tanto como sea posible, para evitar una visualización incompleta del reloj. (La imagen de abajo muestra el tamaño del reloj y la comparación de posición de 4 modelos).

Como se muestra a continuació


Ⅶ. Cortina de notificación / componente de la barra de estado com.android.systemui

  • Este componente ha sido ajustado en gran medida y se encuentra en fase beta por lo que aun sigue en prueba en este momento, y recomienda que por el momento no se realize este componente.
  • El método de adaptación se publicará en el editor de temas V10 y también se actualizará continuamente en este artículo.
  • Además, el editor de temas para MIUI 10 se lanzará pronto, y la prueba beta de temas MIUI10 ya ha comenzado. En la actualidad, solo el tema V9 puede ser compatible y adaptable a MIUI 10.


Nota:
Si al principio les resulta muy difícil, siempre pueden elegir los siguientes módulos para trabajar ya que no haya ningún cambio en MIUI 9 o MIUI 10:
  • Bloquear pantalla
  • Pantalla de inicio
  • Iconos
  • Fondos de pantalla



Theme Editor Tool para MIUI 10

Hilos recomendados
2018-10-10 00:44:35
Favorites86 RateRate
Buen trabajo, guardado.
2018-10-10 11:40:22

Master Bunny

Alex Yepez | from Redmi 3S

#2

Gracias por la información
2018-10-16 12:14:41

Advanced Bunny

Dan_28 | from Redmi 5 Plus

#3

excelente aporte
2018-10-16 12:17:28

Semi Pro Bunny

Rios | from Redmi Note 5

#4

Hola algún tutorial para poder usarlo??
2018-10-16 16:21:46

Advanced Bunny

Ipkiss 1756681973 | from Redmi 4X

#5

Guardado, ahora a ver si funciona.
2018-10-17 14:50:29

Advanced Bunny

jesus e c | from Redmi Note 4

#6

muchas gracias por el aporte!!
espero pronto llegue el Miui 10 al rn 4 sd
2018-10-17 22:03:51

Rookie Bunny

djtila | from Redmi 5 Plus

#7

Como se instala la app soy nuevo por aquí, saludos desde México
2018-10-23 00:32:40
1877176370 respondió a las 2018-10-22 23:32:40
Como se instala la app soy nuevo por aquí, saludos desde México

No es una app es un programa que requiere de solo descomprimir y ejecutarlo en una PC
2018-10-23 01:34:54

Advanced Bunny

Rodrii | from MI 8

#9

pero esos temas no se quitan? por que unos funcionan perfecto y al cabo de una o dos horas se quita
2019-01-26 06:49:33

Rookie Bunny

6175385048 | from Redmi Note 7

#10

algún tema para mi note 7 redmi
2019-03-29 19:30:18
please sign in to reply.
Sign In Sign Up

OctavioHZG

Super moderator

Probador Beta
3 Days Check-In
7 Days Check-In
21 Days Check-In
40 Days Check-In
70 Days Check-In
100 Days Check-In
Corrector experto
100 Puntos
MIUI 7º Aniversario
Newbie Member
Christmas 2017
-2018-
10k members
StopGivingUp
Xiaomi Insider
Día de la Mujer
Redmi 5 Plus
Color Your Planet
Mejor Moderador
Participación en Abril
Mi Community Updater
Concurso Foto
20K Members Medal
#8YearsWithMi Community
MIUI 8th Anniversary
Medalla 70K
Medalla Halloween 18
40K Members Medal
Medalla #MiPrimerAño
10M Descargas App
HolidaysWithMi
50K Miembros
Message in a bottle
Throw Back with Mi 2018
Redmi Note 7 Nickname
9 Aniversario
Redmi note 7 bunnies
New Home
Space
70K Fans
Photography Challenge
2 años
Phoenix
X-Men
Día de las Madres
Mi Community App Tester
X-MEN
X-Men Character
Mi 9T
Perfil Personalizado
80K Mi Fans
Nuevo Logotipo Xiaomi
Piñata Xiaomi
Fortune Global 500
Global Community
9 MIUI
Global Community
90k Mi Fans en México
100 Mil Mi Fans
¡Viva México!

Read moreGet new
Copyright©2016-2019 Xiaomi.com, All Rights Reserved
Content Policy
Quick Reply To Top Return to the list