Configura la tipografía de tu aplicación Android

Android permite configurar la tipografía a gusto del desarrollador. Hay que tener en cuenta que existen tipografías que son pesadas y también algunas que requieren una licencia o permiso para poder utilizarlas.

Primero, parte con crear una carpeta llamada Fonts bajo la Carpeta res.
Agrega la tipografía que deseas usar a esa carpeta, este puede ser .otf o .ttf (puede que existan otros formatos que se puedan utilizar).

Lamentablemente, Android ya no permite configurar la tipografía a través del xml y se debe hacer en tiempo de ejecución y en cada uno de los elementos.

Por ejemplo, para un TextView. Primero, ubica el TextView que deseas configurar:

TextView tv = (TextView) findViewById(R.id.miTV);

Luego configura la tipografía:

Typeface tf = Typeface.createFromAsset(getAssets(), "fonts/algunatipografia.ttf");

Configura la tipografía del TextView:

tv.setTypeface(tf);

Barra de búsqueda simple - Ruby on Rails

Es muy sencillo agregar una barra de búsqueda en una aplicación de rails. Aquí un pequeño tutorial:

1. Crear un form para enviar la solicitud con la palabra a buscar

Por ejemplo en su index.html.erb coloquen el siguiente código para obtener un formulario como el de la imagen arriba:

<%= form_tag({:controller => "products", :action => "index"}, :method => :get) do %>

    <%= text_field_tag "searchbox", params[:searchbox] %>

    <%= submit_tag "Buscar", :name => nil %>

<% end %>

Recuerden editar el controlador y la acción a la que ustedes necesitan, éstas debe corresponder a la misma que renderea el index.html.erb donde están colocando el código.

2. Agregar código que incorpore la búsqueda:

En el archivo del modelo, en este caso sería product.rb, colocar el siguiente código para filtrar los resultados según los parámetros ingresados en la búsqueda.

def self.search(search)

 if search 

    where('title LIKE ?', "%#{search}%")

  else

    scoped

  end

end

En este caso deseo que mi búsqueda filtre de acuerdo al campo "title", ustedes deben editar eso de acuerdo a sus necesidades.

3. Por ultimo, realizar la búsqueda/filtrado en el controlador para entregar los resultados a la vista index.html.erb, luego en products_controller.erb

def index

  @products = Product.search(params[:searchbox])

    respond_to do |format|

      format.html # index.html.erb

    end

  end

y listo, los resultados ahora serán filtrados cuando hagan clic en el botón buscar.

Aquí algunos libros que les pueden ayudar a programar en Rails:

Sliding Drawer en Android

Sliding Drawer o cajón deslizable (?)

Lo que hace el Sliding Drawer es esconder contenido de un usuario dejando sólo una lengüeta visible, así el usuario puede deslizar la lengüeta para ver el contenido.

Como bien dice en http://developer.android.com este "cajón" se puede utilizar de manera vertical u horizontal. El xml está compuesto por dos hijos, uno referente al la lengüeta y otro al contenido de éste.

La plantilla que http://developer.android.com utiliza un imageView para la lengüeta, yo utilicé en este caso un botón, de manera de no tener que lidiar con imagenes. Pero lo pueden cambiar a un imageView si desean. A su vez, cambié el tipo del contenido de GridView a un simple TextView para agregar texto.

Primero, necesitan uno (o dos) templates para el fondo de la lengüeta y del contenido del cajón. En este caso yo use una plantilla de un fondo azul el cual debe colocarse en la carpeta drawable en un archivo llamado blue.xml por ejemplo.

El contenido de éste archivo es el siguiente:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#449def" />
            <stroke
                android:width="1dp"
                android:color="#2f6699" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#449def"
                android:endColor="#2f6699"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#2f6699" />
            <corners
                android:radius="4dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

La lengüeta es lo que tiene el texto "ayuda". Los otros botones que ven son del  proyecto en el que estoy trabajando, no tienen nada que ver con el sliding drawer

Luego el xml del sliding drawer lo deben colocar dentro de un relativeLayout (o un FrameLayout) (en el xml del layout donde quieren que se vea)

Así quedó mi sliding drawer:

 <SlidingDrawer
     android:id="@+id/drawer"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:handle="@+id/handle"
     android:content="@+id/content">
     <Button
         android:id="@id/handle"
         android:layout_width="88dip"
         android:layout_height="44dip"
         android:background="@drawable/blue"
         android:text="ayuda"
         android:textColor="#ffffff"/>

     <TextView
         android:id="@id/content"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:background="@drawable/blue"
         android:textColor="#ffffff"
         android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut condimentum commodo purus sit amet cursus. Pellentesque euismod nulla et mauris porttitor sit amet consectetur quam euismod. Proin augue ligula, commodo sit amet pellentesque at, bibendum in augue. Vestibulum a metus sit amet lacus porta molestie. Curabitur porta laoreet ipsum quis tincidunt. Nulla facilisi. Quisque dictum mollis ante id blandit. Nam in elit sit amet eros varius posuere id id dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis et nibh pretium nisl semper porta elementum sed justo. Sed et enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac nunc eu est adipiscing condimentum id nec nisl. Proin massa erat, ultrices at ullamcorper in, consectetur nec tortor. Sed sed erat ante. Morbi eu nunc mauris." />
     </SlidingDrawer>

Patrón de fondo en aplicaciones Android

Buscando cómo colocar un patrón de fondo en una aplicación Android, me encontré con un excelente tutorial de Matt Swanson.

Aquí lo que aparecía en el tutorial:

1. Tener un imagen que pueda ser utilizada de patrón. Ésta se puede obtener del sitio Subtle Patterns donde hay decenas de patrones que se pueden elegir.
2. Colocar el archivo nombrepatronescogido.png en la carpeta drawable.
3. Crear el fondo con el patrón: Para esto creen un archivo xml en la carpeta drawable, llámenlo patron_de_fondo.xml por ejemplo. Dentro de este archivo colocar el siguiente código:

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/patron_de_fondo"
    android:tileMode="repeat" />

4. Agregar el fondo a alguna vista. Para ello deben agregar la linea android:background="@drawable/patron_de_fondo" a un layout, ejemplo:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/background_repeating"
    android:orientation="vertical" >
</LinearLayout>

Y listo, la aplicación ya tiene un lindo fondo.

Rellenando un spinner manualmente (Android)

Hay distintas formas para llenar un spinner en Android. En la página de desarrolladores de Android, hay un tutorial para llenar un spinner a través de una lista estática creada en la carpeta de recursos, pero qué pasa si uno la quiere llenar de forma dinámica, donde los valores que se incluyan dependen de cierto parámetro?
Para este problema encontré un tutorial muy bueno, fácil y rápido para solucionar este problema.

Primero, debemos crear un adpatador del tipo CharSequence donde agregaremos los items que queremos. Para eso tenemos las siguientes lineas de código:

 ArrayAdapter <CharSequence> adapter =
  new ArrayAdapter <CharSequence> (this, android.R.layout.simple_spinner_item );
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

No deben cambiar nada de lo de arriba.
Luego deben agregar los itemes a mostrar de la forma

adapter.add("item 1");

Luego asignamos estos datos al spinner que queremos:

Spinner s = (Spinner) findViewById(R.id.mi_spinner);

        		s.setAdapter(adapter);

y listo!

Diálogo de selección multiple

Encontré un excelente tutorial para crear diálogos de multiselección en Android, lo comparto con ustedes aquí un poco modificado y con algunos comentarios y sugerencias para que no tengan los mismos problemas que yo:

Primero, deben decidir desde donde quieren mostrar este diálogo, es decir qué quieren que gatille el diálogo. Puede ser un botón cualquiera, un botón  en el menú de opciones o puedes querer que se gatille cada vez que se inicie una nueva actividad (un Intent nuevo).

Independiente de cómo quieran que se gatille, deben realizar la misma llamada en los correspondientes métodos donde se gatillan las actividades de cada una de las cosas de arriba. Es decir, para el caso del botón colocarlo en el OnClick(...), en el caso del menú de opciones en el onOptionsItemSelected(...) y en el caso de una actividad, en el onCreate(...). Lo que deben colocar es:

showDialog( 0 );

Antes de crear el diálogo. Debemos crear un arreglo de las opciones a mostrar en el diálogo como atributos de la clase, de esta manera:

public CharSequence[] dialogOptions = {"opción 1", "opción 2", "opción 3"};

y también crear un arreglo de booleanos donde se guardará la información sobre las opciones seleccionadas. Este segundo arreglo debe tener el mismo largo:

public boolean[] dialogSelections =  new boolean[ dialogOptions.length ];

Luego se deben crear 3 métodos, en la misma clase donde se llama a showDialogo(0);
El primero crea el diálogo:

@Override

 protected Dialog onCreateDialog( int id ) {

  return new AlertDialog.Builder( this )
          .setTitle( "Título del diálogo")
                .setMultiChoiceItems( dialogOptions, dialogSelections, new DialogSelectionClickHandler() )
                .setPositiveButton( "OK", new DialogButtonClickHandler() )
                .create();
 }

en el setMultiChoiceItems, se le entregan las opciones a desplegar, el arreglo donde guardar la selección y un Handler que puede realizar algo cada vez que se seleccionar una opción. Este último es algo así:

public class DialogSelectionClickHandler implements OnMultiChoiceClickListener {

  @Override

  public void onClick(DialogInterface arg0, int arg1, boolean arg2{
    //no hace nada por ahora
   //si se saca la selección no funciona
  }
 }

Si no necesitan hacer nada, le recomiendo que lo coloquen igual. Al menos a mi no me guardaba la selección a menos que tuviera el método creado.

Por último, el método que realiza la acción una vez que se hace click en el botón "aceptar" u "ok", como le hayan llamado. Este es el método:

public class DialogButtonClickHandler implements DialogInterface.OnClickListene {

  public void onClick( DialogInterface dialog, int clicked ) {

   switch( clicked ) {
    case DialogInterface.BUTTON_POSITIVE:

     //realizan sus acciones acá.

     break;
   }
  }
 }

Eso es todo.

Un HelloWorld de GoogleMaps en Android [Tutorial]

Asumiendo que ya tienen un proyecto creado, deben seguir las siguientes instrucciones para hacer funcionar GoogleMaps en su applicación Android:

1. Antes que todo, deben saber que para hacer funcionar los mapas, deben conseguir una API key, una clave, gratuita proporcionada por Google. Ésta es única para cada computador, por lo que si trabajan colaborativamente, no podrán usar una sola clave para el proyecto, cada uno debe tener la suya.

Las instrucciones las pueden obtener aquí http://code.google.com/intl/es/android/add-ons/google-apis/mapkey.html  (en inglés) Si necesitan ayuda con eso, escriban en los comentarios.


Ahora que tienen la apikey, seguimos con nuestr aplicación:

2.  Creen una nueva vista (donde mostrarán el mapa). Vayan a la carpeta res/layout y creen un archivo nuevo, llámenlo mapview.xml .
3.  Creen una nueva clase, llámenla GoogleMapActivity (aparecerá como GoogleMapActivity.java)
4. El GoogleMap debe extender de MapActivity para poder hacer funcionar el mapa. El código base que deben tener en esa clase es:

package el.nombre.de.su.paquete;

import android.os.Bundle;
import com.google.android.maps.MapActivity;

public class GoogleMapActivity extends MapActivity {

    /*Se llama cuando la actividad se crea inicialmente*/
    @Override
    public void onCreate(Bundle savedInstanceState)

    {
        super.onCreate(savedInstanceState);

      /*Configuramos el contenido para que se muestre en la vista que creamos en el paso 2.*/
        setContentView(R.layout.mapview);
    }

    @Override
    protected boolean isRouteDisplayed() {
        return false;
    }
}

5. En el manifest se deben agregar algunas líneas de código:

<uses-permission android:name="android.permission.INTERNET"/>

esto debe ir dentro de los tags:

 <manifest> </manifest>

y dentro de los tags 

<aplication> </aplication>

deben agregar:

<uses-library android:name="com.google.android.maps"></uses-library>

6. Y con eso ya estamos listos. Ahora para llamar al mapa con un boton, hay que agregar el botón al main.xml de res/layout, llamar a la actividad desde la actividad principal con el siguiente código por ejemplo:

Button btn_map = (Button) findViewById(R.id.button2);
btn_map.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
 Intent myIntent = new Intent(this, GoogleMapActivity.class);
     startActivity(myIntent);
 }
});

y agregar la actividad al manifiesto:
     

 <activity android:name=".GoogleMapActivity"></activity>

OJO: Recuerden que en las propiedades del proyecto el target debe estar configurado para un Google APIs

Este tutorial fue posible gracias a este link (en inglés).

Crear xml personalizado en Rails

En el controlador probablemente tienen lo siguiente:

def mi_accion
    @algos = Algo.all

    respond_to do |format|
      format.html # index.html.erb
      format.xml  { render :xml => @algos }
    end
  end

El primer paso es sacar la información adicional que contiene el format.xml y dejarlo de esta manera:

def mi_accion
    @algos = Algo.all

    respond_to do |format|
      format.html # index.html.erb
      format.xml
    end
  end

El segundo paso es crear un archivo nuevo en la sección Vistas (Views) con la extensión: .xml.builder
En este caso: mi_accion.xml.builder
y dentro de este archivo es donde podrán crear el xml a su gusto. Deben partir colocando xml.instruct! al inicio de su archivo. Puede tener una estructura como esta:

xml.instruct!
xml.algos do
  @algos.each do |algo|
     xml.algo
        xml.tipo algo.tipo
        xml.id algo.id
        xml.nombre algo.nombre
    end
  end
end

y generará algo como:

<algos>
  <algo>
   <tipo>0</tipo>
   <id>33</id>
   <nombre>Rafael</nombre>
  <algo>
</algos>

Recuerden siempre tener sólo un nodo raíz, de otra manera no se generará el archivo que buscan.

Dropdown en Ruby on Rails

Los formularios generados por rails generan campos de texto o checkboxes, pero qué pasa si quiero otro tipo de input del usuario, por ejemplo un dropdown?

Es tan fácil como cambiar

<%= f.text_field :pais %>

por

<%= f.select :pais, [['Chile','CL'],['Estados Unidos','USA'],['Argentina','ARG']] %>

Espero les sirva el dato :)

Crea tu mail @tudominio.cl para tu blog editando los registros MX en CDMon

En el post pasado indiqué cómo crear tu propio dominio .cl para tu blog. El siguiente paso es configurar un correo de la forma tunombre@tudominio.cl. Para esto necesitaremos la ayuda de Google Apps.

1. Si es que no tienen una cuenta en Google Apps, regístrense aquí o aquí, es gratis. Una vez que sigan todas las instrucciones y terminen con su registro, sigan al paso siguiente:

2. Activen la opción de correo electrónico en su Google apps. Esto los llevará a una segunda página que les indicará los registros MX que deben configurar más adelante, mantengan esa página abierta (o copien esos registros ya que los usarán en los siguientes pasos). Los registros MX tienen la forma "Dirección - prioridad". Deben ser algo como:

Dirección del servidor MX	Prioridad
ASPMX.L.GOOGLE.COM	10
ALT1.ASPMX.L.GOOGLE.COM	20
ALT2.ASPMX.L.GOOGLE.COM	20
ASPMX2.GOOGLEMAIL.COM	30
ASPMX3.GOOGLEMAIL.COM	30
ASPMX4.GOOGLEMAIL.COM ASPMX5.GOOGLEMAIL.COM	30 30

3. Ahora diríjanse a su panel de control en CDmon, vayan a la opción DNS Estático,

 Ahí deben ver una lista de sus dominios, seleccionen el dominio de interés y hagan click en gestionar.

4. Hagan clic en editar registro CName del registro principal que les aparece ahí

5. Les aparecerán las siguientes opciones:

y hagan clic en Redirección URL (si, estamos cambiando de CNAME a Redirección, pero es la única manera de hacerlo funciona ya que el registro CNAME no permite modificar los registros MX)
Como URL coloquen www.midominio.cl y hagan click en guardar.

6. Ahora debemos agregar los registros MX que nos entregó Google Apps anteriorment. Para esto debemos hacer click en el link que parece un sobre:

Esto lo deberán hacer 6 veces, una para cada registro entregado por Google. Es muy importante que indiquen las prioridades que les entregó google.

Finalmente se verá así:

Deben esperar a que CDmon publique sus cambios para ver si todo anda bien. Esto demora unos 15 minutos.

7. Ahora vuelvan a Google Apps y hagan clic en el botón "He realizado estos pasos" para efectuar la verificación de los registros MX. Esta verificación puede demorar hasta 48 horas, en mi caso demoró sólo un par de minutos

Y listo! Ya tienen su mail@midominio.cl configurado. Espero les haya ayudado este tutorail

Dominio propio para tu blog de blogger

Blogger te permite tener tu propio dominio para tu Blog. Aquí te cuento los pasos a seguir, hay dos alternativas:

A. Ir a la sección de configuración de tu Blog -> Publicación -> Dominio Personalizado -> Comprar un dominio a través de Google checkout. Puedes escoger un .com, .net, .org, .info, .biz.
Realizada la compra, Blogger te configura todo automáticamente

B. Comprar tu dominio por otro medio. En este caso configuraremos un .cl que se compra en nic.cl. En este ejemplo se utilizará el dominio peliculasdelrio.cl, POR FAVOR NO LO UTILICEN USTEDES, UTILICEN SU DOMINIO PROPIO

1. El dominio en nic.cl está costando actualmente $18.900 por dos años y lo puedes pagar con tarjeta de crédito.
2. Una vez que lo compras, se activa en unas 24 horas, así que aunque realicen la siguiente configuración no podrán ver los cambios hasta que se active el dominio.
3. Necesitarán un gestor de DNS, ya que blogger no cuenta con uno, yo les recomiendo CDmon, creen una cuenta ahí, es gratis (dice arriba a la derecha panel de control, vayan ahí para registrarse).
4. Una vez que ya ingresaron a su cuenta, deben hacer click en DNS Estático:
   
   
5. Luego llegaremos a un panel que nos entregará unos datos importantes, estos están indicados por el número "1" en la imagen:
   
   
   Estos 3 números son las IP's que se deben colocar en la página de nic.cl cuando configuramos nuestro dominio. Deben quedar de la siguiente manera:
   
   
6. Ahora volvemos a la imagen anterior donde está marcado con un "2". Ahí es donde debemos ingresar nuestro nuevo dominio, en este caso dice "peliculasdelrio.cl". Hacemos clic en añadir.
7. Nos aparecerá el siguiente menú, donde debemos hacer click en "Registro CNAME" como lo indica el número "1" y luego colocar la dirección que nos indica blogger: ghs.google.com. Hacen clic en guardar
8. Ahora deben crear el registro "A name". Para ello deben hacer clic en el siguiente ícono y colocar "www" donde les pide subdominio. Hacer clic en guardar.
   
   
   
   
   
9. Ahora les aparecerá un registro con un triangulo amarillo y un signo de exclamación y dirá "Por determinar, www.peliculasdelrio.cl", eso es porque no han terminado aun. Ahora deben hacer clic en el icono de las llaves, de ese A Name que acaban de registrar, que dice "Editar registro" cuando colocan el mouse encima.
10. Aquí deben volver a hacer clic en el botón "Registro CNAME" y vuelven a colocar "ghs.google.com" y hacen clic en guardar. Básicamente vuelven a repetir el paso 7, pero esta vez para el registro A Name que acaban de ingresar (el que dice www.sudominio.cl, y no sudominio.cl que fue el primero que crearon y que ya apunta a ghs.google.com). Esto es todo lo que hay que hacer en CDMon, se demora a lo más 15 minutos en publicar los cambios que han realizado.
11.  Ahora volvemos a blogger, van a Configuración -> Publicación -> Dominio Personalizado -> Cambiar a opciones avanzadas
12. Aparecerá un recuadro que dice "Tu dominio http://" ahí ustedes deben ingresar su dominio, incluyendo "www". Y listo! Ya han configurado su dominio personal. Sólo falta colocar guardar los cambios más abajo. Si quieren también pueden marcar la opción de direccionar su dominio vacío al indicado anteriormente (en este caso, direccionar peliculasdelrio.cl a www.peliculasdelrio.cl) Lo cual viene a ser útil para que todos lleguen a tu sitio. 

Si tienen consultas las pueden realizar en los comentarios. Espero este tutorial les sirva para configurar su sitio.

Grabar archivos Video_ts en un DVD

Si tienen un DVD en formato video_ts en su computador y lo quieren volver a grabar en un disco dvd los pasos a seguir son los siguientes:

1. Bajen el programa ImgBurn para grabar cd/dvds e instálenlo en su computador.
2. Abran el programa
3. Inserten el DVD+-R en la bandeja del computador.
4. Creen una carpeta AUDIO_TS en la misma carpeta donde se encuentra VIDEO_TS. (Esto se hace para que algunos reproductores de DVD lean el disco ya que si buscan la carpeta y no existe lo rechazan)
5. En el programa ImgBurn, vayan al menu de arriba donde dice Mode y escojan la opción Build.
6. En el programa ImgBurn, vayan al menu de arriba donde dice Output y escojan Device.
7. Hagan clic en la imagen para buscar en el directorio de archivos.
8. 
   Ahí seleccionen la carpeta contenedora de las carpetas VIDEO_TS y AUDIO_TS
9. Hagan clic en el botón con forma de calculadora.
10. Hagan clic en botón para iniciar la grabación.

Ahora es cosa de esperar y listo!

Si tienen más de una bandeja para grabar discos, asegúrense de seleccionar la adecuada antes grabar para que no les arroje ningún error.

Redireccionar un dominio

Si has creado un dominio y necesitas que apunte a un sitio ya existente, esta es la forma de hacerlo (para dominios creados en nic.cl)

Accede a www.cdmon.com
Regístrate (es gratis y sin publicidad)

Una vez registrado y activado la cuenta con el mail que les llega, dirígete a Panel de Control.
Ahora en Gestión Principal, hacer clic en DNS Estático.

Tomen nota de los DNS que les aparecen ahí al lado de:
ns1.cdmon.net
ns2.cdmon.net
ns3.cdmon.net
necesitarán los 3 IP que les aparece para colocarlos en el portal nic.cl (ver imagen más adelante).

Escribe el nombre de tu nuevo dominio donde dice "Nuevo dominio en el servidor DNS" 

Sólo coloquen el nombre más la extensión (.cl en este caso). No coloquen http://www. porque les dirá que cuentan con caracteres inválidos.


Haz clic en redireccionar URL. Ahora donde dice dirección URL escribe la dirección del dominio original. Es decir la dirección del sitio que quieres mostrar con el nuevo dominio que creaste. Esta dirección no tiene limitaciones en cuanto a caracteres.
Una vez listo esto, diríjete a nic.cl, ve a la sección donde puedes modificar tu dominio. Encuentra donde te piden ingresar los DNS. Ahí deberás anotar los que te entregó CDMon anteriormente. Coloquen el primero en el principal y los otros dos donde piden los adicionales.

Recuerda guardar las modificaciones. 

Los cambios demorarán un poco en mostrarse. Cuando sean realizados nic.cl te enviará un mail comunicándolo.

Yo hice esto hace poco y me funcionó a la perfección. Espero a ustedes les sea útil y también les funcione.

Esta información la saqué de aquí.
Dejen sus comentarios!