12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid
COMIENZAAQU

SQL

RECURSOS

CONTACTO

DisearTemasyEstilosparatusAplicaciones
Android
octubre4,2014 JamesRevelo

El diseo visual de una aplicacin Android es

repesentado a travs de reglas contenidas en Estilos y
Temas.

Estas

herramientas

permiten

que

los

programadores y diseadores generen una interfaz mas

amigableypersonalizadadesusapps,paraestableceruna
identidadqueimpactealusuariofinal.
Por esta razn es necesario que entendamos como se

Gmail for Work

Ahora puedes verte ms profesional
con un e-mail personalizado.

construyen y asignan estilos a tus Views y Layouts. Si

Prueba Gratis

siguesleyendoestearticuloverascomocreararchivosde
estilos, los temas que maneja Android por defecto, como
personalizarviewsyvariosejemplosprcticos.

Quesunestilo?

AprovechaelViernesnegroenUdemy,cursosdeprogramacina$10

Hermosaprogramacin
1,147likes

LikePage

SignUp

Bethefirstofyourfriendstolikethis

EsunconjuntodereglasquedeterminanlaaparienciayformatodeunViewoLayout.Sirecuerdas
laspropiedadesquemuestranlosviewsalahoradeusarlavistadediseoenAndroidStudio,podrs

Buscar

comprendemejoraquenosreferimosconestilos.Elcolordefondo,cambiareltamaodeltexto,
definirelaltoyancho,etc.,soncaractersticasquehacenpartedelosestilos.
SuscripcinPorCorreo

Aunquelaspropiedadessepuedenespecificarennuestromismolayout(comolohemoshechohasta

Obtengratisentuemaillosnuevosartculos

ahora), es posible independizarlos del diseo a travs de un archivo de recurso de estilos. Este
conceptoesmuysimilarcuandodesarrollamoswebsites,separandolosarchivoshtmldelosestilos

DireccinDeEmail

css.
Subscribirse

Implementandoestilosenarchivosderecursos
Aligualquelosstrings,layoutsydrawablestambinhayunasintaxisparagenerarunestiloenun
archivo de recurso que nos permita reusar cdigo. Para ello debemos crear un nuevo archivo XML

SguenosEnLasRedesSociales

que se albergue en la carpeta de recursos res/values/. Donde usaremos el nodo padre para los

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

1/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

recursos<resource>.
Ahora,paradefinirunestilousaremoselelemento<style>yleasignaremosunnombrenicoatravs

de su atributo name. Para definir las reglas que lo componen crearemos elementos <item> en su
interior,detallandoelnombredelatributoamodificarysurespectivovalor.
TemplateMaterialDesign

Veamosunejemplo:

<?xmlversion="1.0"encoding="utf8"?>
<resource>
<stylename="buttonStyle">
<itemname="android:layout_width">wrap_content<item/>
<itemname="android:layout_height">wrap_content<item/>
<itemname="android:textColor">#AEC6CF<item/>
</style>
</resource>

ContenidoRecomendado

Si deseramos implementar este estilo en un botn dentro de un layout, entonces refernciamos un

acceso a los recursos de estilos con la convencin @style/nombreEstilo como se muestra a
continuacin:

<Button
style="@style/buttonStyle"
text="Clickeame"/>

TabLayout:Cmo
AadirPestaasEn
Android?

Herenciadeestilos
Elelemento<style>tambinpuedeheredarpropiedadesdeotroestiloatravsdesuatributoparent.
Estarelacinpermitecopiarlasreglasdelestilopadreysobrescribiroaadirpropiedades.Veamos
unejemplo

<stylename="buttonStyle"parent="@style/parentStyle">

ComoCrearDilogos

Comoves,referenciamosaotroestilollamadoparentStyle.

EnAndroid?

CabeaclararquesiemprequecreasunnuevoproyectoenAndroidStudio,elarchivostyles.xmles
autogeneradoconunaestructurasimilaraesta:

<resources>
<!Baseapplicationtheme.>
<stylename="AppTheme"parent="android:Theme.Holo.Light.DarkActionBar">
<!Customizeyourthemehere.>
</style>

TutorialDeLayoutsEn
Android

</resources>

El estilo hereda sus propiedades del estilo padre android:Theme.Holo.Light.DarkActionBar, el cual

representa un tema propio del sistema, que indica que se usar las caractersticas del tema
Theme.Holo.LigthperoconelestiloparalaActionBardeltemaTheme.Holo.

Propiedadesdeunestilo

TutorialSobreLaAction
BarEnAndroid

Existengrancantidaddepropiedadesquepodemosusarparauncomponente.DependiendodelView
oLayoutquevayamosapersonalizar,asmismovariansusatributos.LavistadediseodeAndroid
Studio nos permite observar todas las propiedades de un View disponibles para modificar. No
obstantepuedesiralsitiooficialdeAndroidyrevisarlasreferenciasdecadaclase.

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

EntrayAprendeFundamentosDeJava

2/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

TemasImportantes

C#

ActividadesAndroidStudioArquitecturaAndroid
CardViewContactsProvider ContentResolver Datos

Queesuntema?

DesarrolloAndroidDilogosFragmentosGlide
GradleIntentsJavaJSONListViewMatemticas

MySQLNavigation

Untemaesunestilogenricoqueseasignaaunaaplicacincompletaoactividad.Estopermiteque

MaterialDesign

todos los componentes sigan un mismo patrn de diseo y personalizacin para mantener

DrawerPeticionesHttpPhpPreferenciasRecursos

consistenciaenlaUI.

SQLSQLiteSQL

RecyclerViewSegundoPlano

Si deseamos aadir un tema a una aplicacin debemos dirigirnos al archivo AndroidManifest.xml y

agregaralelemento<application>elatributothemeconlareferenciadeltemasolicitado.Veamos:

SERVERTabsUIWebServiceXML

<applicationandroid:theme="@style/MiTema">

Sifueseunaactividadentoncesharamosexactamentelomismo:

<activityandroid:theme="@style/TemaActividad">

Sihacesunaretrospeccinsobrelasaplicacionesquehemosconstruidoalolargodeestosarticulos
sobredesarrollodeappsAndroid,versquenuestroAndroidManifesthaasignadosiempreuntema
queseencuentraenelnamespacedelsistemaconlareferencia@android/style/Theme.Holo.Light.
Esonosllevaanuestrosiguienteapartado

Temasyestilosdelsistema
Androidtraepordefectoestilosytemasparatodossusaplicacionesyentorno.Estasreglasdeestilos
son guardadas en un archivo llamado styles.xml y los temas en themes.xml. Ambos contienen
definicionesestablecidasporelequipodesarrolladordeAndroidcreadasasugustoymedida.
Antesdelaversin11seusabauntemapordefectollamadoTheme.Light,peroparalasversiones
recientessedisearonlostemasTheme.Holo(Estilooscuro)yelTheme.Holo.Light(Estiloclaro).
Deellosdesciendenmuchasvariantes,comoporejemploeltemaTheme.Holo.Light.DarkActionBar.
Lasiguienteilustracinmuestrasusapariencias:

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

3/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Si deseas implementar estos temas en tu aplicacin o actividad simplemente los referencias de la

siguienteforma:

<applicationandroid:theme="@android/style/Theme.Holo">
<applicationandroid:theme="@android/style/Theme.Holo.Light">

Creartupropiotema
Parafacilitarlapersonalizacindeuntemanuevoesrecomendableextenderlaspropiedadesdelos
temasqueAndroidcontiene.Estonospermitirahorrarnostiempoendefinicinyescritura,porloque
soloseimplementanlasreglasquedeseamosmodificarenparticular.
Supongamos que deseamos usar el tema Holo.Light en nuestra aplicacin pero deseamos todo el
formatodetextoitlicoParaconseguiresteresultadoaplicamoselmismoprocedimientoquehicimos
conlosestilos,dondenuestrotemaheredarlamayoradecaractersticasdeltemaysolotendremos
queeditarelatributoandroid:textStyle.

<stylename="Italic"parent="@android/Theme/Holo/Light">
<itemname="android:textStyle">italic</item>
</style>

UsarunestilosegnlaversindeAndroid
Sideseascondicionarelusodetusestilosotemaspuedeshacerloatravsdecualificadores.Para
quesurtaefectoesteconcepto,debemosnominarlascarpetasconrespectoalaversin.Porejemplo
si deseamos que el estilo se aplique despus la versin 14 del SDK entonces usamos el nombre
valuesv14.
Uncualificadoresunfacotrdelcualdependelaimplementacindenuestrosrecursos.Estopermite
quenuestraaplicacinautogenereelcdigonecesario,loquenosahorralamolestiadeconfigurar
programticamenteelcambio.
AdemasAndroidStudiotieneunasistentemuyverstilquenospermitecrearcarpetastipeadascon
facilidad.
Volvamos al caso de la versin 14, si deseas establecer este cualificador entonces realiza lo
siguiente:

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

4/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Ve a tu carpeta de recursos y dentro de ella: presiona click derecho > New >Android resource
directory

Se ha ejecutado un asistente?, ok, entonces lo que sigue es elegir el tipo de recurso que
usaremos(Resource Type). En este caso elegiremos values, que es donde guardamos nuestros
estilos.Luegoenlalistadelladoizquierdo(Avalaiblequalifiers)seleccionaelcualificadorVersion
(tieneelloguitodeAndroid).

Ahoraseleccionaconelbotnqueindicatrasladoaladerecha.Seguidamenteaparecerunespacio
paraqueseleccionemoselnumeromnimodelaversindelAPIaestablecer.Habamosdicho14,as
quedigitamosesenmero.

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

5/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Presiona OK e inmediatamente estar creada nuetro nuevo directorio de recursos destinados solo
paralasversionesmayoresoigualesa14.

Ahora puedes ubicar tu archivo styles.xml en este directorio y automticamente tu aplicacin

condicionarelrecursoaejecutarsecuandoseapertinente.

LosarchivosR.styleyR.attr
Al usar los estilos del sistema estamos haciendo referencia a los valores que poseen las clases
R.styleyR.attr.
Estasclasessonlareferenciaprogramticadelosrecursospredefinidosporelsistema.
En R.style podemos encontrar un sinnumero de estilos para nuestros views y en R.attr podemos
referenciarlosatributosactualesdeltemaqueposeenlosviews.

Utilidades
Acontinuacinveremosalgunasutilidadespopularesparaproyectosdedesarrollo:

Cambiarelfondodenuestrasactividades
Esnormalquedeseemoscambiarelaspectoconqueseproyectaunaactividadensuinteriorporun
colorllamativoounaimagendefondo.Parahacerlo,acudimosalapropiedadwindowBackground.
Losatributosqueempiezanporelprefijowindownosonaplicablesaunviewenconcreto.Ellosse
aplicanaunaappoactividadcomosisetratasedeuntodoounsoloobjeto.
Este atributos recibe por referencia un color solido, una forma o una imagen de nuestros recursos.
Normalmente los colores se deben declarar como items <color>, cuyo valor es un nmero
hexadecimal.

<stylename="AppTheme"parent="android:Theme.Holo.Light.DarkActionBar">
<itemname="android:windowBackground"><strong>@android:color/holo_blue_light</strong></item>
</style>

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

6/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Enestecasousamosuncolorpredefinidoporelsistema.Elresultadoseraeste:

Sideseasusartupropiocolorhacerdeclarastuitem<color>yloasignas:

<strong><colorname="yellowPastel">#FDFD96</color></strong>
<stylename="AppTheme"parent="android:Theme.Holo.Light.DarkActionBar">
<itemname="android:colorBackground"><strong>@color/yellowPastel</strong></item>
<itemname="android:windowBackground"><strong>@color/yellowPastel</strong></item>
</style>

Ahoratendramoselsiguientefondo:

Parasetearunaimagensimplementeusamosunareferenciadrawablecomoyahemoshechoantes:

<stylename="AppTheme"parent="android:Theme.Holo.Light.DarkActionBar">
<itemname="android:windowBackground"><strong>@drawable/background</strong></item>
</style>

Lasiguienteilustracinmuestraunaimagendefondo:

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

7/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

SuperponerlaActionBar
EnocasionesdeseamosquenuestraActionBarnointerfieraenlavisualizaciondenuestraactividad.
Aunquepodramosocultarlaconelmtodohide(),podemosoptarporotrocaminoalsobreponerlaen
elfondodelaactividad.Estonospermitirconstrastarladeformaeficaz.
ParaellosolodebemosasignartrueaunatributoespecialllamadowindowActionBarOverlay,elcual
permitehabilitarlasuperposicindelaActionBar.Cabeaclararqueestaefectoseaplicasoloalos
temasqueseheredandeTheme.Holo.

<stylename="AppTheme"parent="android:Theme.Holo">
<itemname="android:windowActionBarOverlay">true</item>
</style>

Laanteriordescripcinproduciraunefectosimilaralsiguiente:

SideseasquelaActionBarseveatranslucidapuedesaplicarelsiguientetruco:
Crea

un

estilo

propio

para

la

Action

Bar

extiendelo

del

estilo

Widget.Holo.Light.ActionBar.Solid.Inverse. Este permite obtener las caracteristicas de la Action Bar

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

8/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

delHolo.Lightconcoloresinversos,paraelconstrastecorrectoentreelbackground.
Luegocambiaelbackgrounddelestiloyasignaleelsiguientedrawable(Clickderechoguardar):

AestetipodeimgenesselesllamanNinePatch.SonimgenesPNGconunadescripcingrfica
especial, que posibilitan su expasin dependiendo del tamao. Se les diferencia por su extension
.9.png.Luegoveremosmassobreellos.
Ahora, si aplicaramos este truco sobre el estilo con la barra de accin obscura, el cdigo que
tendramosseraelsiguiente:

<stylename="AppTheme"parent="android:Theme.Holo.Light.DarkActionBar">

<itemname="android:windowBackground">@drawable/fondo</item>
<itemname="android:actionBarStyle">@style/ActionBar.Overlay</item>
<itemname="android:windowActionBarOverlay">true</item>
</style>
...
<stylename="ActionBar.Overlay"
parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">
<itemname="android:background">@drawable/actionbar_translucent</item>
</style>

Elresultado:

Colordeltexto
ParacambiarelcolordeltextotendremosquemodificarelatributotextColoryasignarleelvalordel
color.Veamos:

<stylename="TextColor">
<itemname="android:textColor">#25383C</item>
</style>

Appdeejemplo
http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

9/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Crearemos una pequea aplicacin que use un tema personalizado. Esta actividad contendr un
formulariohipotticoparaenvodedatosalossuscriptoresdeHermosaProgramacin.Laideaes
crearuntemaqueabarqueloselementosgeneralesdelaaplicacinyluegocrearestilosparaviews
especficos.

Presionaelsiguientebotnparadescargarelcdigodelaaplicacin:

DescargarCdigo
Apyanosconunasealenturedsocialfavoritayconsigueelcdigocompleto.
Like

181
Megusta

Twittear
22
Tweet

206
+1Google

Veamoscomorecrearelestilodeestaaplicacin

Paso1
Crea un nuevo proyecto en Android Studio con el nombre de Styler y aadele una actividad en
blancollamadaMain.

Paso2
Abreelarchivodediseoactivity_main.xmlycreaelsiguientediseo:

<resources>
<!Temaparaelformulario>
<stylename="AppTheme"parent="android:Theme.Holo.Light.DarkActionBar">
<!EstilosparaEditTexts>
<itemname="android:editTextStyle">@style/EditTextStyle</item>
<!Estilosdeventana>
<itemname="android:windowFullscreen">true</item>
</style>
<!Estilospersonalizadosparaloscomponentesdelformulario>
<stylename="Header"parent="@android:style/Widget.Holo.Light.TextView">
<itemname="android:layout_width">match_parent</item>
<itemname="android:layout_height">wrap_content</item>
<itemname="android:textAppearance">?android:attr/textAppearanceMedium</item>
<itemname="android:textColor">@android:color/holo_blue_bright</item>
<itemname="android:layout_marginTop">10dp</item>
</style>
<stylename="Message"parent="@android:style/Widget.Holo.Light.TextView">

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

10/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

<itemname="android:textStyle">italic</item>
<itemname="android:textColor">@android:color/darker_gray</item>
<itemname="android:layout_width">match_parent</item>
<itemname="android:layout_height">wrap_content</item>
</style>
<stylename="Separator">
<itemname="android:layout_width">match_parent</item>
<itemname="android:layout_height">1dp</item>
<itemname="android:background">@android:color/holo_blue_bright</item>
<itemname="android:layout_marginBottom">@dimen/activity_vertical_margin</item>
</style>
<stylename="EditTextStyle"parent="@android:style/Widget.Holo.Light.EditText">
<itemname="android:background">@drawable/rectangle</item>
<itemname="android:padding">10dp</item>
</style>
</resources>

Comprendamoscadaestiloestablecido:
AppTheme: Es el tema general de la aplicacin y hereda sus atributos del tema
Theme.Holo.Ligth.DarkActionBar.Atributosnuevos:
android:editTextStyle:EstilovisualdelosEditTexts.Aquhicimosreferenciaalestilo
EditTextStylecreadomasabajo.
windowFullScreen:Deseasquelasactividadesdelaaplicacinseejecutenenpantalla
completa?,elegimostrue,yaqueesunhecho.

Header:Representaunacabeceraotituloennuestroformulario.Esteheredalascaractersticasdeun
TextViewHolo.Light.Atributosnuevos:
textAppearance:Tamaodelafuentedelview.Normalmentenosreferiremosatrestamaos:
Small(Pequeo),Medium(Mediano)yLarge(Grande).
layoutMarginTop:Serefierealamargensuperiordeltextviewconrespectoaloselementos
dentrodellayout.

Message:Esteestilorepresentaelcuerpodeunmensajedirigidoalusuario.Heredadelmismopadre
deHeader.Atributosnuevos:
textStyle:Representalamodalidaddetexto,cuyovalorpuedeseritalic,boldonormal.

Separator: Este elemento es un separador entre las secciones de nuestro layout. Representa una
lineahorizontalde1dpdegrosoryunlargoajustadoalLinearLayout.Aunquepareceuntrucoraro,es
muytilysencillopararepresentarunalineaflexible.Atributosnuevos:
background:Eselcolor,formaoimagenqueunviewtienedefondo.
layout_marginBottom:Margeninferiordeunviewconrespectoaunlayout

EditTextStyle:Contieneelestilodelosedittextsdenuestroformulario.Atributosnuevos:
padding:Serefierealespaciadoquehayentretodaslasmargenesdelviewysucontenido.

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

11/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Hagounparntesisparasealarelrecursoquehemosusadoenelbackgrounddelosedittexts.Se
tratadeunaformacreadamanualmentepararepresentarelcontenidodelfondo.
Paraellosecreunnuevorecursodrawablellamadorectangle.xmlconlasiguientedescripcin:

<?xmlversion="1.0"encoding="utf8"?>
<layerlistxmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:top="1dp"android:bottom="1dp">
<shape
android:shape="rectangle">
<stroke
android:width="1dp"
android:color="@android:color/holo_blue_bright"/>
<solidandroid:color="#ffffffff"/>
<corners
android:radius="10dp"/>
</shape>
</item>
</layerlist>

Noentraremosendetallessobreestoselementos,yaqueesuntemaderenderizado2DconlaAPI
grfica. Pero en resumen se puede observar que usamos un nodo <shape>, el cual representa un
formaprimitivaenellienzodedibujo.
Paraestecasoesunrectngulo,elcualtieneunrecubrimiento(<stroke>)connuestroazulpredilectoy
ademasunobjeto<corner>quepermiteredondearlasesquinasdenuestrorectngulo.

Paso3
AhoradisearemosellayoutdenuestraactividadMainconlasiguientedescripcin:

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".Main"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
style="@style/Header"
android:text="@string/dataHeader"
android:id="@+id/dataHeader"/>
<Viewstyle="@style/Separator"/>
<EditText
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/nameField"
android:layout_gravity="center_horizontal"
android:hint="@string/nameField"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<EditText
android:inputType="phone"

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

12/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

android:ems="10"
android:id="@+id/phoneField"
android:layout_gravity="center_horizontal"
android:hint="@string/phoneField"
android:layout_height="wrap_content"
android:layout_width="wrap_content"/>
<EditText
android:inputType="textEmailAddress"
android:ems="10"
android:id="@+id/emailField"
android:layout_gravity="center_horizontal"
android:hint="@string/emailField"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
android:text="@string/optionsHeader"
android:id="@+id/optionsHeader"
style="@style/Header"/>
<Viewstyle="@style/Separator"/>
<TextView
android:text="@string/newsletterText"
android:id="@+id/newsletterText"
android:layout_gravity="center_horizontal"
style="@style/Message"/>
<CheckBox
android:id="@+id/confirmBox"
android:layout_gravity="center_horizontal"
android:layout_height="wrap_content"
android:layout_width="wrap_content"/>
<Button
android:text="@string/sendButton"
android:id="@+id/sendButton"
android:layout_gravity="center_horizontal"
android:layout_marginTop="41dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>

Comoves,hemosasignadoalatributostylelosestiloscorrespondientes.Enlosdatosdelsuscriptor
tenemos un textview con estilo de titulo y el texto TUS DATOS. Mas abajo hay otro titulo donde
aadimoslasopcionesadicionalesrelacionadasalassuscripcin,estetieneeltextoOPCIONES.
Las secciones estn separadas por nuestros objetos Separators y el mensaje dirigido a nuestros
usuariostieneasignadoelestiloMessage.
Los Text Fields no tienen asignado ningun estilo, ya que su forma es heredada del tema de la
aplicacin.
Nota: No olvides aadir todos los textos representativos a tu archivo strings.xml. Te dejo las
definicionesaquabajo:

<?xmlversion="1.0"encoding="utf8"?>
<resources>
<stringname="app_name">Styler</string>
<stringname="action_settings">Settings</string>
<stringname="dataHeader">TUSDATOS</string>
<stringname="nameField">Nombre</string>
<stringname="phoneField">Telfono</string>
<stringname="emailField">Email</string>
<stringname="optionsHeader">OPCIONES</string>
<stringname="newsletterText">DeseasrecibirfuturosarticulosypromocionesdeHermosaProgramacin?
<stringname="sendButton">Enviar</string>
</resources>

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

13/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

Paso4
Y por ultimo ejecutamos el proyecto para visualizar que se hayan aplicado el tema y los estilos
particulares.Encasodequetuproyectonotengaasignadoeltemaalelementodelaaplicacinenel
archivoAndroidManifest.xml,recuerdamodificarelatributotheme:

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
<strong>android:theme="@style/AppTheme"</strong>>
...

ContenidoRecomendado

TabLayout:Cmo

ComoCrearDilogos

TutorialDeLayoutsEn

TutorialSobreLaAction

AadirPestaasEn

EnAndroid?

Android

BarEnAndroid

Android?
DesarrolloAndroid UI. permalink.

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

14/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

7Comentarios

HermosaProgramacin

Compartir

Recomendar 1

Iniciarsesin

ordenarporelmejor

netealadiscusin...
MigliorDida haceunmes

holanosesiseaellugarindicado.quisieraunaayudapararealizaruncomponentedeintrospara
aplicacionessinqueelprogramadorrealizaningunesfuerzo.esoconllevaacrearactivitys,viewy
demasquesonnecesariosparaunaintro.ELPROBLEMAquetengoesquenosecomollevarmi
proyectoaqueseauncomponente,comoloesunbotonquesolotengaqarrastraryya.sialguienme
puedeayudar,seloagradeceriamuchoasiseaalgunapauta

Responder Compartir

DanielEnriqueRodriguezCaste haceunmes

Hola,quieroagradecerteportodainformacion,esmuyutilalmomentodecomenzar,
ytengounainquietud.quierohacermipropioTheme,yloquequieroenel,esocultarlabarralade
NavigationBar,paraesohagoquemiThemeherededeandroid:Theme.Panel
estomeescondelastresbarras,(StatusBar,ActionBaryNavigationBar)peroresultaquedespuesno
puedohaceraparecerlasotrasdosbarrasquemeinteresanqueson:StatusBaryActionBar,tambien
intentequemiThemenoherededeningunThemedeAndroid,yhacerqueseocultelaNavigationBar,
noconozcolapropuedadparaocultarsololaBarradeNavegacin(NavigationBar).
sisabercomohacerloteagradezcolaayuda

Responder Compartir

JamesReveloUrrea

Moder. >DanielEnriqueRodriguezCaste haceunmes

Miraestearticulo:https://developer.android.com/...

Responder Compartir

YIMYJOSUEHERCULESRUBIO hace2meses

Muyinteresantetupost,peromesurgeladudadecomohacerqueseaunaimagenanimadalaquese
coloquedefondo.

Responder Compartir

JamesReveloUrrea

Moder. >YIMYJOSUEHERCULESRUBIO hace2meses

HolaYimi,talvezsiusaslaclaseAnimationDrawable:http://developer.android.com/i...
Conesopuedesrelacionargifsfcilmente.

Responder Compartir

YIMYJOSUEHERCULESRUBIO>JamesReveloUrrea hace2meses

ExcelenteJames,muchasgracias.

Responder Compartir

JamesReveloUrrea

Moder. >YIMYJOSUEHERCULESRUBIO hace2meses

Congustoamigo

Responder Compartir

QUEESESTO?

TAMBINENHERMOSAPROGRAMACIN

AplicacinAndroidConNavigationDrawerY
Tabs

CmoSincronizarSqliteConMysqlEn
Android?

98comentarioshace2meses

75comentarioshace4meses

AvatarVictorAlvaradoHolaJames,graciaspor
responder.Solucionelproblemita,loque
pasabaesqueesstabausandoListViewen

AvatarJohanLslongid=
cursor.getLong(cursor.getColumnIndex(ContractParaGastos.Columnas._ID))
Elproblemaesquecuandoloeliminanose

BloquesdeinstruccionesenSQL

Llavesforaneas,FOREIGNKEYenSQL

1comentariohace4meses

3comentarioshace4meses

AvatarSlebenEstarachidounatablade"Versus"
entrecomoseescribeenMySQLycomosera
enSQLServer.

AvatarIrvingLozanoAlarconok,entiendoestoy
utilizandoSQLserver2008,esapenaspractica
escolarperoteagradezcoChristian.

Suscribirse

AgregaDisqusatusitio

Privacidad

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

15/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid
ProudlypoweredbyWordPress|Theme:BizmobyStorefrontThemes.

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

16/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

17/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

18/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

19/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

20/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

21/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

22/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

23/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

24/25

12/11/2015

DisearTemasyEstilosparatusAplicacionesAndroid

http://www.hermosaprogramacion.com/2014/10/androidtemasestilos/

25/25