-
Cómo crear una barra lateral de Vista Gadget
-
lanzamiento de Windows Vista de Microsoft fue su primer lanzamiento de nuevo sistema operativo en más de cinco años. Vista seguido de Windows XP e incluye una serie de nuevas características diseñadas para facilitar el uso y la mejora estética. nuevas características de Vista oscilaron entre superficial, como en un nuevo conjunto de efectos de sonido por defecto, a la arquitectura, al igual que en los cambios en el núcleo del sistema operativo para mejorar la estabilidad. Una característica que llamó la atención fue la nueva barra lateral de Windows, una zona de escritorio que muestra pequeños programas llamados "aparatos". Incluso un programador aficionado puede crear un simple gadget de barra lateral de Vista con un poco de código HTML y JavaScript.Instrucciones
Crear la barra lateral de Vista Gadget
1 Haga clic en "Inicio" y luego "Documentos" para abrir una ventana de Windows Explorer. Haga clic en "Archivo", "Nuevo", "Carpeta" para crear una nueva carpeta en los documentos que van a contener los archivos para el gadget. El nombre de "SampleGadget.Gadget" (sin las comillas).
2 Haga clic en "Inicio", "Todos los programas", "Accesorios", "Bloc de notas" para abrir el Bloc de notas.
3 Escriba el siguiente código para el archivo de manifiesto de la herramienta en el Bloc de notas:
<? Xml version = "1.0" encoding = "UTF-8"?>
<Dispositivo>
<Nombre> Muestra Gadget </ name>
<Versión> 1.0.0.0 </ version>
<Description> Ejemplo de simple barra lateral de Vista gadget. </ Description>
<anfitriones>
<host name="sidebar">& Lt; tipo base = apiVersion "HTML" = "1.0.0" />
& Lt; permisos> Full & lt; / permisos>
& Lt; plataforma minPlatformVersion = "1.0" />
& Lt; / host>
</ Hosts>
</ Adminículo>
Haga clic en "Archivo" y luego "Guardar como". En el "gadget.xml" "Nombre de archivo" en forma de caja (sin las comillas). En la lista "Guardar como tipo", seleccione "Todos los archivos
(.)". En la lista de "codificación" seleccionar "UTF-8". En la barra de direcciones o en el panel de carpetas, vaya a la nueva carpeta que creó en el paso 1 y haga clic en el botón "Guardar" para guardar el archivo de manifiesto.
4 Borrar el contenido del Bloc de notas y escriba el código siguiente para el archivo HTML del gadget:
<Html xmlns = "http://www.w3.org/1999/xhtml"><head>& Lt; meta http-equiv = "Content-Type" "text / html; charset = Unicode" content = />
& Lt; title> Ejemplo de Vista Gadget & lt; / title>
& Lt; estilo type = "text / css">
cuerpo
{
margin: 0;
Anchura: 130px;
altura: 90px;
font-family: Arial;
font-weight: bold;
font-size: 20px;
}
#principal
{
margen: 10px, 10px, 10px, 10px;
Anchura: 110px;
vertical-align: media;
text-align: center;
sobrecarga oculta;
}
& Lt; / style>
& Lt; script de type = "text / javascript">
la función de inicio ()
{
// Limpieza de puesta en marcha va aquí, por ejemplo:
// Establecer referencia al principal elemento div
var theDiv = document.getElementById ( "principal");
// Establecer el estilo color de fondo
theDiv.style.backgroundColor = 'negro';
// Establecer el estilo color del texto
theDiv.style.color = 'amarilla';
}
& Lt; / script>
& Lt; / head>
& Lt; body onload = "startup ()">
& Lt;! Div id = "principal"> Vista Sidebar Gadget & lt; / span>
& Lt; / body>
</ Html>
Haga clic en "Archivo", "Guardar como". En el "Nombre de archivo" tipo caja "SampleGadget.html" (sin las comillas). En la lista "Guardar como tipo", seleccione "Todos los archivos
(.)". En la lista de "codificación" seleccionar "UTF-8". Compruebe que el Bloc de notas todavía está guardando en la nueva carpeta que creó y haga clic en el botón "Guardar" para guardar el archivo HTML.
Instalar la barra lateral de Vista Gadget
5 Resalte el nombre de la carpeta en la ventana del Explorador de Windows que se abrió en el paso 1. Pulse las teclas "Ctrl" y "C" al mismo tiempo para copiar la carpeta y su contenido en el portapapeles. Navegar en la ventana del explorador a C: \ Archivos de programa \ Windows Sidebar \ Gadgets \ y pulse las teclas "V" "Ctrl" y al mismo tiempo para pegar la carpeta y su contenido. Puede que tenga que dar una contraseña de administrador y bien la operación de copia, dependiendo de la configuración de seguridad de Vista.
6 Haga clic en "Inicio", "Todos los programas", "Accesorios", "barra lateral de Windows" para iniciar la barra lateral si no está ya en ejecución.7 Haga clic en el signo más (+) cerca del centro de la parte superior de la barra lateral para abrir la ventana de galería de gadgets. Haga doble clic en el icono marcado "Muestra Gadget" para colocar el nuevo gadget en la barra lateral. Se mostrará el mensaje "Vista Sidebar Gadget!" en el tipo de color amarillo sobre un fondo negro con un borde blanco, según se especifica en el archivo HTML.
Consejos y advertencias
- Puede crear aparatos barra lateral de Vista mucho más complejo que este sencillo ejemplo, si usted sabe HTML y JavaScript. Una de las mejores maneras de aprender las complejidades de diseño gadget de barra lateral es el estudio de los ejemplos que se instalan con Windows, que se encuentran en subcarpetas de la carpeta C: \ Archivos de programa \ Windows Sidebar \ Gadgets \ carpeta.
- El procedimiento para crear un gadget para el nuevo sistema operativo Windows 7 es similar. Este sencillo ejemplo funcionará en Windows 7, así como en Vista.
