{{indexmenu_n>1}}
===== Ajustes de diseños según resolución =====
\\
==== Como adaptar la resolución y fuente de tu App en los distintos dispositivos ====
\\
Las aplicaciones XOne gozan de gran versatilidad, ya que su utilización puede realizarse en cualquier dispositivo, sin que las especificaciones de los mismos influyan en su funcionamiento o diseño.
Para lograr que el diseño de las mismas se adapten a cualquier tipo de dispositivo independientemente de su resolución es indispensable usar **scale-fontsize** como atributo en el xml de nuestra app:
\\
|<70% 20%>|
^ Atributo ^ Funcionalidad ^
| **scale-fontsize** | Permite ajustar o escalar las fuentes del proyecto a la resolución del dispositivo con el que se trabaja. Por defecto su valor es "false". En el caso de los dispositivos iOS, puede usarse conjuntamente con el atributo ios-font-factor. No es obligatorio, pero si aconsejable para realizar una adaptación entre tamaños de fuentes entre los dispositivos Android e iOS. |
\\
El atributo **scale-fontsize** por defecto su valor es "false", al tomar valor "true" permite el ajuste de las fuente de nuestra aplicación de manera que los atributos relacionados con las fuentes de nuestras aplicaciones tomaran el valor del tamaño de fuente de ese dispositivo en específico. Por ejemplo si hemos definido un prop cuyo atributo es fontsize="5", el tamaño de la fuente en este caso, al haber previamente definido a true el atributo** scale-fontsize** hará que la fuente tome el tamaño 5 que le corresponde a ese dispositivo.\\
\\
En el caso de los dispositivos iOS, puede usarse conjuntamente con el atributo **ios-font-factor**. No es obligatorio, pero si aconsejable para realizar una adaptación entre tamaños de fuentes entre los dispositivos Android e iOS, que no es más por el valor que vamos a multiplicar la fuente de nuestra app para lograr el tamaño deseado.
\\
==== Formas de ajustar tamaños de controles y fuentes ====
\\
|<60% 20%>|
^ Detalle ^ Descripción ^
| Por porcentaje (%) |Se utiliza con mejor resultado de diseño en controles que utilizan **width** y **height**, como en los frames. |
| Por píxel (p) |Se adaptará el **width** y el **height** a la resolución del dispositivo usando regla de 3, tanto en tamaño de los controles como en fuentes.|{{:wiki:2.-desarrollo-app:2.5.-controles-by-xone:ajuste:tamanofuente.jpg?100|}}
\\
\\
{{ :wiki:2.-desarrollo-app:2.5.-controles-by-xone:ajuste:fuentes_ok.png?200 |}}
Ejemplo:
==== Atributos que utilizan para ajustes de tamaño de fuentes ====
\\
|<60% 20%>|
^ Atributos para ajustes de tamaño de fuentes ^ Descripción ^
| fontsize | Tamaño de la fuente |
| labelfont-size | Tamaño de la fuente para controles con etiquetas |
| textfont-size | Tamaño de fuente para la parte del texto del control |
\\
Ejemplos:
.propPH
{
bgcolor:#00000000;
forecolor:#222222;
img-width:125p;
img-height:125p;
img-delete:bt_Delete.png;
img-delete-sel:bt_Delete.png;
img-camera:bt_camera.png;
img-camera-sel:bt_camera.png;
}
.propGrid
{
visible:4;
width: 97%;
locked:true;
text-align:left;
labelwidth:0;
labelbox:false;
fontsize:4;
textfont-size:3;
floating-tooltip:false;
text-bgcolor:#00000000;
text-forecolor:#000000;
fontbold:false;
xlpadding:50p;
lmargin:3%;
text-border:false;
}