@@ -1633,23 +1633,22 @@ <h1 id="personalizar-iconos">Personalizar iconos<a class="headerlink" href="#per
16331633</ ul >
16341634</ div >
16351635< h2 id ="anadir-un-icono "> Añadir un icono< a class ="headerlink " href ="#anadir-un-icono " title ="Permanent link "> ¶</ a > </ h2 >
1636- < p > Cada plataforma utiliza un formato diferente para los iconos de las
1637- aplicaciones, y algunas plataformas necesitan < em > múltiples</ em > iconos de diferentes
1638- tamaños y formas. Para tener esto en cuenta, Briefcase proporciona una forma
1639- abreviada de configurar un icono una vez, y luego hacer que esa definición se
1640- expanda en todos los diferentes iconos necesarios para cada plataforma
1641- individual.</ p >
1642- < p > Edita tu < code > pyproject.toml</ code > , añadiendo un nuevo elemento de configuración < code > icon</ code >
1636+ < p > Cada plataforma utiliza un formato diferente para los iconos de la aplicación; y
1637+ algunas plataformas necesitan < em > múltiples</ em > iconos de tamaños y formas diferentes.
1638+ Para tener esto en cuenta, Briefcase proporciona una forma abreviada para
1639+ configurar un icono una vez, y luego hacer que esa definición se expanda en
1640+ todos los iconos diferentes necesarios para cada plataforma individual.</ p >
1641+ < p > Edita tu < code > pyproject.toml</ code > , añadiendo un elemento de configuración < code > icon</ code > nuevo
16431642en la sección de configuración < code > [tool.briefcase.app.helloworld]</ code > , justo encima
16441643de la definición < code > sources</ code > :</ p >
16451644< div class ="highlight "> < pre > < span > </ span > < code > < span class ="n "> icon</ span > < span class ="w "> </ span > < span class ="o "> =</ span > < span class ="w "> </ span > < span class ="s2 "> "icons/helloworld"</ span >
16461645</ code > </ pre > </ div >
1647- < p > Esta definición de icono no especifica ninguna extensión de archivo. El valor se
1648- utilizará como prefijo; cada plataforma añadirá elementos adicionales a este
1649- prefijo para construir los archivos necesarios para cada plataforma. Algunas
1650- plataformas requieren < em > múltiples</ em > archivos de iconos ; este prefijo se combinará
1651- con modificadores de tamaño de archivo y variantes para generar la lista de
1652- archivos de iconos que se utilizan .</ p >
1646+ < p > Esta definición de icono no especifica ninguna extensión de archivo. El valor
1647+ será utilizada como prefijo; cada plataforma añadirá elementos adicionales a
1648+ este prefijo para construir los archivos necesarios para cada plataforma.
1649+ Algunas plataformas requieren < em > múltiples</ em > archivos de icono ; este prefijo se
1650+ combinará con modificadores de tamaño de archivo y variantes para generar la
1651+ lista de archivos de iconos que son utilizados .</ p >
16531652< p > Ahora podemos ejecutar < code > briefcase update</ code > de nuevo — pero esta vez, le pasamos
16541653el indicador < code > --update-resources</ code > , diciéndole a Briefcase que queremos instalar
16551654recursos nuevos de la aplicación (es decir, los iconos):</ p >
@@ -1771,14 +1770,14 @@ <h2 id="anadir-un-icono">Añadir un icono<a class="headerlink" href="#anadir-un-
17711770</ div >
17721771</ div >
17731772</ div >
1774- < p > Esto informa del archivo (o archivos) de icono específico que Briefcase está
1773+ < p > Esto presenta el archivo (o archivos) de icono específico que Briefcase está
17751774esperando. Sin embargo, como no hemos proporcionado los archivos de icono
1776- reales , la instalación falla y Briefcase vuelve a un valor predeterminado (el
1777- mismo icono de " abeja gris" ).</ p >
1778- < p > Vamos a proporcionar algunos iconos reales . Descarga < a href ="../../../resources/icons.zip "> este paquete
1775+ actuales , la instalación falla y Briefcase retrocede a un valor predeterminado
1776+ (el mismo icono de “ abeja gris” ).</ p >
1777+ < p > Vamos a proporcionar algunos iconos actuales . Descarga < a href ="../../../resources/icons.zip "> este paquete
17791778icons.zip</ a > , y descomprímelo en la raíz del directorio
1780- de tu proyecto. Después de descomprimir, el directorio del proyecto debe ser
1781- algo así :</ p >
1779+ de tu proyecto. Después de descomprimir, tu directorio del proyecto debe parecer
1780+ algo como :</ p >
17821781< div class ="highlight "> < pre > < span > </ span > < code > beeware-tutorial/
17831782├── beeware-venv/
17841783│ └── ...
@@ -1803,13 +1802,13 @@ <h2 id="anadir-un-icono">Añadir un icono<a class="headerlink" href="#anadir-un-
18031802un fondo transparente. Esto representa todos los diferentes tamaños y formas de
18041803iconos que necesitas para soportar una aplicación en todas las plataformas que
18051804soporta Briefcase.</ p >
1806- < p > Ahora que tenemos los iconos, podemos actualizar la aplicación de nuevo . Sin
1807- embargo, < code > briefcase update</ code > sólo copiará los recursos actualizados en el
1808- directorio de compilación; también queremos reconstruir la aplicación para
1809- asegurarnos de que el nuevo icono está incluido, y luego iniciar la aplicación.
1810- Podemos acortar este proceso pasando < code > --update-resources</ code > a nuestra llamada a
1811- < code > run</ code > - esto actualizará la aplicación, actualizará los recursos de la
1812- aplicación, y luego iniciará la aplicación:</ p >
1805+ < p > Ahora que tenemos iconos, de nuevo podemos actualizar la aplicación. Sin
1806+ embargo, < code > briefcase update</ code > solo copiará los recursos actualizados en el
1807+ directorio de construcción; queremos además reconstruir la aplicación para
1808+ asegurarnos que el icono nuevo está incluido, luego iniciar la aplicación.
1809+ Podemos acortar este proceso pasando < code > --update-resources</ code > a nuestra invocación a
1810+ < code > run</ code > - esto actualizará la aplicación y los recursos de la aplicación, y luego
1811+ iniciará la aplicación:</ p >
18131812< div class ="tabbed-set tabbed-alternate " data-tabs ="2:5 "> < input checked ="checked " id ="__tabbed_2_1 " name ="__tabbed_2 " type ="radio " /> < input id ="__tabbed_2_2 " name ="__tabbed_2 " type ="radio " /> < input id ="__tabbed_2_3 " name ="__tabbed_2 " type ="radio " /> < input id ="__tabbed_2_4 " name ="__tabbed_2 " type ="radio " /> < input id ="__tabbed_2_5 " name ="__tabbed_2 " type ="radio " /> < div class ="tabbed-labels "> < label for ="__tabbed_2_1 "> macOS</ label > < label for ="__tabbed_2_2 "> Linux</ label > < label for ="__tabbed_2_3 "> Windows</ label > < label for ="__tabbed_2_4 "> Android</ label > < label for ="__tabbed_2_5 "> iOS</ label > </ div >
18141813< div class ="tabbed-content ">
18151814< div class ="tabbed-block ">
@@ -1922,9 +1921,10 @@ <h2 id="anadir-un-icono">Añadir un icono<a class="headerlink" href="#anadir-un-
19221921</ code > </ pre > </ div >
19231922< div class ="admonition note ">
19241923< p class ="admonition-title "> Nota</ p >
1925- < p > Si utilizas una versión reciente de Android, puede que notes que el icono de la
1926- aplicación ha cambiado a una serpiente verde, pero el fondo del icono es
1927- < em > blanco</ em > , en lugar de azul claro. Arreglaremos esto en el siguiente paso.</ p >
1924+ < p > Si estás utilizando una versión reciente de Android, puedes que observes que el
1925+ icono de la aplicación ha cambiado a una serpiente verde, pero el fondo del
1926+ icono es < em > blanco</ em > , en lugar de azul claro. Arreglaremos esto en el siguiente
1927+ paso.</ p >
19281928</ div >
19291929</ div >
19301930< div class ="tabbed-block ">
@@ -1963,25 +1963,25 @@ <h2 id="anadir-un-icono">Añadir un icono<a class="headerlink" href="#anadir-un-
19631963</ div >
19641964< div class ="admonition note ">
19651965< p class ="admonition-title "> Nota</ p >
1966- < p > Si obtienes un stack trace haciendo referencia a < code > faker</ code > o < code > httpx</ code > cuando
1967- ejecutas la app, es posible que no hayas ejecutado tu app durante el paso 7 u 8
1968- del tutorial. Vuelve a ejecutar la aplicación, añadiendo el argumento < code > -r</ code > para
1969- actualizar los requisitos de la aplicación.</ p >
1966+ < p > Si obtienes una traza de pila en referencia a < code > faker</ code > o < code > httpx</ code > cuando ejecutas
1967+ la app, es posible que olvidaste ejecutar tu app durante el paso 7 u 8 del
1968+ tutorial. Vuelve a ejecutar la aplicación, añadiendo el argumento < code > -r</ code > para
1969+ actualizar los requerimientos de la aplicación.</ p >
19701970</ div >
19711971< p > Cuando ejecutes la aplicación en iOS o Android, además del cambio de icono,
1972- también deberías notar que la pantalla de inicio incorpora el nuevo icono. Sin
1973- embargo, el fondo azul claro del icono parece un poco fuera de lugar frente al
1974- fondo blanco de la pantalla de inicio. Podemos arreglar esto personalizando el
1975- color de fondo de la pantalla de inicio. Añade la siguiente definición a tu
1976- < code > pyproject.toml</ code > , justo después de la definición < code > icon</ code > :</ p >
1972+ también deberías tener en cuenta que la pantalla de inicio incorpora el icono
1973+ nuevo. Sin embargo, el fondo azul claro del icono parece un poco fuera de lugar
1974+ frente al fondo blanco de la pantalla de inicio. Podemos arreglar esto
1975+ personalizando el color de fondo de la pantalla de inicio. Añade la definición
1976+ siguiente a tu < code > pyproject.toml</ code > , justo tras la definición de < code > icon</ code > :</ p >
19771977< div class ="highlight "> < pre > < span > </ span > < code > < span class ="n "> splash_background_color</ span > < span class ="w "> </ span > < span class ="o "> =</ span > < span class ="w "> </ span > < span class ="s2 "> "#D3E6F5"</ span >
19781978</ code > </ pre > </ div >
19791979< p > Desafortunadamente, Briefcase no es capaz de aplicar este cambio a un proyecto
19801980ya generado, ya que requiere realizar modificaciones en uno de los archivos que
1981- se generó durante la llamada original a < code > briefcase create</ code > . Para aplicar este
1982- cambio, tenemos que volver a crear la aplicación ejecutando de nuevo < code > briefcase
1983- create</ code > . Cuando hagamos esto, se nos pedirá que confirmemos que queremos
1984- sobrescribir el proyecto existente:</ p >
1981+ fue generado durante la invocación original a < code > briefcase create</ code > . Para aplicar
1982+ este cambio, tenemos que volver a crear la aplicación ejecutando de nuevo
1983+ < code > briefcase create</ code > . Cuando hagamos esto, se nos pedirá que confirmemos que
1984+ queremos sobrescribir el proyecto existente:</ p >
19851985< div class ="tabbed-set tabbed-alternate " data-tabs ="3:5 "> < input checked ="checked " id ="__tabbed_3_1 " name ="__tabbed_3 " type ="radio " /> < input id ="__tabbed_3_2 " name ="__tabbed_3 " type ="radio " /> < input id ="__tabbed_3_3 " name ="__tabbed_3 " type ="radio " /> < input id ="__tabbed_3_4 " name ="__tabbed_3 " type ="radio " /> < input id ="__tabbed_3_5 " name ="__tabbed_3 " type ="radio " /> < div class ="tabbed-labels "> < label for ="__tabbed_3_1 "> macOS</ label > < label for ="__tabbed_3_2 "> Linux</ label > < label for ="__tabbed_3_3 "> Windows</ label > < label for ="__tabbed_3_4 "> Android</ label > < label for ="__tabbed_3_5 "> iOS</ label > </ div >
19861986< div class ="tabbed-content ">
19871987< div class ="tabbed-block ">
@@ -2065,15 +2065,14 @@ <h2 id="anadir-un-icono">Añadir un icono<a class="headerlink" href="#anadir-un-
20652065proyecto.</ p >
20662066< h2 id ="anadir-un-icono-de-ejecucion "> Añadir un icono de ejecución< a class ="headerlink " href ="#anadir-un-icono-de-ejecucion " title ="Permanent link "> ¶</ a > </ h2 >
20672067< p > A la hora de añadir un icono a la interfaz de la aplicación, este tipo de icono
2068- debe guardarse en un directorio distinto al de los iconos de la aplicación. Haz
2069- clic con el botón derecho del ratón sobre Tiberio el yak, guarda la imagen como
2070- un archivo < code > .png</ code > y llámalo < code > helloworld</ code > . El archivo debe guardarse en la
2071- carpeta < code > icons/</ code > del paquete fuente de tu aplicación.</ p >
2072- < p > (../../images/runtime-icon.png)< a href ="../../../images/runtime-icon.png "> Icono de Tiberio el
2073- yak</ a > </ p >
2068+ debe guardarse en un directorio separado desde los iconos de la aplicación.
2069+ Pulsa con el botón secundario del ratón sobre Tiberio el yak, guarda la imagen
2070+ como un archivo < code > .png</ code > y nómbralo < code > helloworld</ code > . El archivo debería guardarse en
2071+ la carpeta < code > icons/</ code > del paquete fuente de tu aplicación.</ p >
2072+ < p > < img alt ="Icono de Tiberio el yak " src ="../../../images/runtime-icon.png " /> </ p >
20742073< p > /// subtítulo</ p >
20752074< p > ///</ p >
2076- < p > Su directorio se parecerá al siguiente :</ p >
2075+ < p > Tu directorio se parecerá así :</ p >
20772076< div class ="highlight "> < pre > < span > </ span > < code > beeware-tutorial/
20782077├── beeware-venv/
20792078│ └── ...
@@ -2093,9 +2092,9 @@ <h2 id="anadir-un-icono-de-ejecucion">Añadir un icono de ejecución<a class="he
20932092 └── pyproject.toml
20942093</ code > </ pre > </ div >
20952094< p > Ahora que el icono de tiempo de ejecución está en su lugar, vamos a añadir un
2096- icono a nuestro botón. El widget del botón Toga sólo admite un icono o texto (no
2097- ambos), así que vamos a actualizar el código del botón para incluir el icono de
2098- tiempo de ejecución.</ p >
2095+ icono a nuestro botón. El widget del botón Toga sólo admite o bien un icono o
2096+ bien un texto (no ambos), así que vamos a actualizar el código del botón para
2097+ incluir el icono de tiempo de ejecución.</ p >
20992098< div class ="highlight "> < pre > < span > </ span > < code > < span class ="n "> helloworld_icon</ span > < span class ="o "> =</ span > < span class ="n "> toga</ span > < span class ="o "> .</ span > < span class ="n "> Icon</ span > < span class ="p "> (</ span > < span class ="s2 "> "icons/helloworld"</ span > < span class ="p "> )</ span >
21002099
21012100< span class ="n "> button</ span > < span class ="o "> =</ span > < span class ="n "> toga</ span > < span class ="o "> .</ span > < span class ="n "> Button</ span > < span class ="p "> (</ span >
0 commit comments