Fork me on GitHub

Miquel Camps Orteza

Soy programador web. Estoy especializado en desarrollo web (php, js). Estoy aprendiendo a desarrollar apps para iphone/ipad.
Organizo betabeers en Madrid.
Sobre mí     Metas     Hacks     Contactar     LinkedIn     Twitter    
Inicio

Primeros pasos en el desarrollo de widgets para mac

Para crear widgets para el dashboard de mac hay un programa llamado dashcode es oficial de apple y lo puedes descargar gratuitamente.

Si piensas descargarlo te recomiendo que prepares un sentado con patatas ya que el programita ocupa tan solo 1.04 GB.

Una vez lo tengas descargado e instalado, cuando lo ejecutes por primera vez verás como una asistente para ayudarte a crear los widgets más facilmente.

Si es que quieres hacer un widget vacio selecciona la opción Personalizado y dale al botón seleccionar.

El entorno de trabajo

En la parte izquierda verás los objetos del widget: botones, cajas de texto, textos..

Si bajas un poco en la lista de objetos a continuación verás las opciones:

  • Atributos del widget
    Aqui defines las propiedades del widget: permisos para acceder a la red, traducciones…
  • Imagen por omisión
    Aqui pones una imagen de previsualización que se muestra al cargarse el widget.
  • Icono del widget
    Aqui pones la imagen que representará al widget.
  • Compartir
    Aqui puedes importar el widget a tu dashboard o exportarlo para compartirlo.

La primera vez que ejecutes dashcode en la parte inferior izquierda verás los pasos a seguir para construir el widget, yo te recomiendo que muestres los ficheros del paquete, para eso accede al menú:

Visualización > Archivos

En la barra de herramientas encontrarás un botón Ejecutar para ver en funcionamiento del widget, es la acción que vas a utilizar más, la tecla rápida es manzanita + R.

En la parte derecha de la barra de herramientas encontrarás los siguientes botones:

  • Inspector
    Cuando lo abras aparacerá una ventana donde podrás editar las propiedades de los objetos como por ejemplo el ID, el color de texto…
  • Biblioteca
    Cuando lo abras aparacerá una ventana con todos los objetos que puedes añadir en el widget tales como: botones, objetos, textos, selectbox, cajas de texto…
    También encontrarás una recopilación de recortes de código.

El lenguaje de programación

Nada nuevo, igual que una página web:

  • HTML
  • CSS
  • JAVASCRIPT

Lo más díficil que he encontrado es diseñar el widget desde la linea de código, no te compliques la vida usa el modo gráfico y podrás arrastrar los objetos a tu bola.

septiembre 13, 2008
Sigueme en twitter Suscribete por RSS Suscribete por email
Temas relacionados
Deja un comentario







Comentarios
  1. RaveN

    Gracias :D haremos pruebas por ahí.


  2. Themes

    Hola gafeman,

    Me acabo de bajar el programa para probar, pero veo que el tuyo esta en castellano y el mio no, como puede ser? El archivo que me bajado se llama xcode311_2517_developerdvd.dmg es el mismo?, gracias.


  3. Themes

    Perdona gafeman, me acabo de dar cuenta, que ejecutado el archivo erroneo, el xcode, ahora acabo de abrir el dashcode y lo veo igual, muchas gracias voy a probar :)


  4. Sam

    Hay alguna otra forma de hacer un widget sin el dashcode?

    Supongo que empaquetando el html, js, css pero como? no habra algun tutorial?