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.


Gracias
haremos pruebas por ahí.
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.
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
Hay alguna otra forma de hacer un widget sin el dashcode?
Supongo que empaquetando el html, js, css pero como? no habra algun tutorial?