Skip to content

Commit 4e2f2ba

Browse files
Deploying to gh-pages from @ 9c9de34 🚀
1 parent 0a26de1 commit 4e2f2ba

3 files changed

Lines changed: 61 additions & 62 deletions

File tree

es/search/search_index.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

es/tutorial/topics/custom-icons/index.html

Lines changed: 51 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -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">&para;</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
16431642
en la sección de configuración <code>[tool.briefcase.app.helloworld]</code>, justo encima
16441643
de 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">&quot;icons/helloworld&quot;</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
16541653
el indicador <code>--update-resources</code>, diciéndole a Briefcase que queremos instalar
16551654
recursos 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á
17751774
esperando. 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
17791778
icons.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-
18031802
un fondo transparente. Esto representa todos los diferentes tamaños y formas de
18041803
iconos que necesitas para soportar una aplicación en todas las plataformas que
18051804
soporta 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">&quot;#D3E6F5&quot;</span>
19781978
</code></pre></div>
19791979
<p>Desafortunadamente, Briefcase no es capaz de aplicar este cambio a un proyecto
19801980
ya 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-
20652065
proyecto.</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">&para;</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">&quot;icons/helloworld&quot;</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>

es/tutorial/topics/testing/index.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1809,17 +1809,17 @@ <h2 id="ejecucion-del-conjunto-de-pruebas">Ejecución del conjunto de pruebas<a
18091809
<p>Excelente Nuestro método de utilidad <code>greeting()</code> está funcionando como se
18101810
esperaba.</p>
18111811
<h2 id="desarrollo-basado-en-pruebas">Desarrollo basado en pruebas<a class="headerlink" href="#desarrollo-basado-en-pruebas" title="Permanent link">&para;</a></h2>
1812-
<p>Ahora que tenemos un conjunto de pruebas, podemos utilizarlo para impulsar el
1813-
desarrollo de nuevas funciones. Vamos a modificar nuestra aplicación para que
1814-
tenga un saludo especial para un usuario en particular. Podemos empezar por
1815-
añadir un caso de prueba para el nuevo comportamiento que nos gustaría ver en la
1812+
<p>Ahora que tenemos un conjunto de pruebas, podemos utilizarlo para impulsarlo el
1813+
desarrollo de características nuevas. Vamos a modificar nuestra aplicación para
1814+
tener un saludo especial para un usuario en particular. Podemos empezar por
1815+
añadir un caso de prueba para el comportamiento nuevo que nos gustaría ver en la
18161816
parte inferior de <code>test_app.py</code>:</p>
18171817
<div class="highlight"><pre><span></span><code><span class="k">def</span><span class="w"> </span><span class="nf">test_brutus</span><span class="p">():</span>
18181818
<span class="w"> </span><span class="sd">&quot;&quot;&quot;If the name is Brutus, a special greeting is provided&quot;&quot;&quot;</span>
18191819

18201820
<span class="k">assert</span> <span class="n">greeting</span><span class="p">(</span><span class="s2">&quot;Brutus&quot;</span><span class="p">)</span> <span class="o">==</span> <span class="s2">&quot;BeeWare the IDEs of Python!&quot;</span>
18211821
</code></pre></div>
1822-
<p>A continuación, ejecute el conjunto de pruebas con esta nueva prueba:</p>
1822+
<p>A continuación, ejecute el conjunto de pruebas con esta prueba nueva:</p>
18231823
<div class="tabbed-set tabbed-alternate" data-tabs="3:3"><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" /><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></div>
18241824
<div class="tabbed-content">
18251825
<div class="tabbed-block">
@@ -1916,11 +1916,11 @@ <h2 id="desarrollo-basado-en-pruebas">Desarrollo basado en pruebas<a class="head
19161916
</div>
19171917
</div>
19181918
</div>
1919-
<p>Esta vez, vemos un fallo en el test - y la salida explica el origen del fallo:
1920-
el test está esperando la salida "¡BeeWare los IDEs de Python!", pero nuestra
1921-
implementación de <code>greeting()</code> está devolviendo "Hola, Brutus". Modifiquemos la
1919+
<p>Esta vez, vemos un fallo en el test; y la salida explica el origen del fallo: el
1920+
test está esperando la salida ¡BeeWare los IDE de Python!, pero nuestra
1921+
implementación de <code>greeting()</code> está devolviendo Hola, Brutus. Modifiquemos la
19221922
implementación de <code>greeting()</code> en <code>src/helloworld/app.py</code> para que tenga el
1923-
nuevo comportamiento:</p>
1923+
comportamiento nuevo:</p>
19241924
<div class="highlight"><pre><span></span><code><span class="k">def</span><span class="w"> </span><span class="nf">greeting</span><span class="p">(</span><span class="n">name</span><span class="p">):</span>
19251925
<span class="k">if</span> <span class="n">name</span><span class="p">:</span>
19261926
<span class="k">if</span> <span class="n">name</span> <span class="o">==</span> <span class="s2">&quot;Brutus&quot;</span><span class="p">:</span>

0 commit comments

Comments
 (0)