Home

Tutorial REALbasic

1. Figura 13 Panel de Propiedades de Windowl1 Propiedad ID Name Interfaces Super Posici n Placement Width Height MinWidth MinHeight MaxWidth MaxHeight Aspecto Frame Composite HasBackColor BackColor Backdrop Title Visible FullScreen MenuBarVisible CloseButton Resizeable LiveResize MaximizeButton MinimizeButton MacProciD MenuBar Implicitinstance Valor Windowl Nombre del Objeto Window v O Por omisionw 600 400 64 64 32000 32000 Posici n y tama o por omisi n 0 Document Y Tipo de ventana por omisi n amp CFFFFFF TEST ES Titulo de la ventana Jl JRARAA Eal fenuBarl Yv g El texto que aparece en la barra de T tulo en la ventana se corres ponde con la propiedad Title La propiedad Name es el nombre de la ventana que utilizar s desde el c digo para referirte a dicho ob jeto Selecciona el texto por omisi n de la propiedad Title Sin t tulo en el panel de Propiedades y sustit yelo por el texto Gestor URL pulsando a continuaci n la tecla Retorno Cuando pulses la tecla Retorno aparecer el nuevo t tulo en la barra de T tulo del Editor de Ventana as como en el panel Propiedades Tutorial REALbasic 15 Figura 14 Cambiando la propiedad Title de Windowl e00 Sin titulo Window1 Layout O dr e gt ie Window1 Dise o Qr Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar 3 Proyecto 7 F W
2. L Nombre Lol sn Archivo Edici n www realsoftware com www apple com www google com ListBox PushButton Borrar www google com EditField Anadir Conectar Haz clic para conectar con la Utilizas el EditField para introducir el URL o la direcci n de correo que quieras haciendo clic a continuaci n sobre el bot n Conectar Para guardarlo en el listado debes hacer clic en el bot n A adir Para seleccionar un URL en el ListBox elige el elemento en el lista do y haz clic sobre Conectar Si ya no necesitas un URL el gelo en el listado y haz clic sobre el bot n Borrar La aplicaci n utiliza tres tipos de controles REALbasic para hacer la mayor parte del trabajo e Un ListBox es el tipo de control que contiene listados que puedes recorrer Puede contener tanto listados de una columna como de m ltiples columnas adem s de admitir desplazamientos en sentido vertical y horizontal e Un EditField es el tipo de control que contiene texto Puede utilizar se para contener tanto una l nea de texto tal y como se usa aqu o bien como un editor de textos de m ltiples l neas e Un PushButton es el tipo de bot n est ndar Es el utilizado con fre cuencia para iniciar una acci n tal y como ocurre aqu Tutorial REALbasic 6 Creando la Interfaz Barra de herramientas principal Barra de Pesta as Panel de Controles rea de Edici n de la Ventana Panel de Propiedades Si aun no lo has hech
3. REALbasic www realbasic com Tutorial Tutorial REALbasic 1 Tutorial REALbasic Documentaci n por Javier Men ndez Concepto por Geoff Perlman 1999 2009 por REAL Software Inc Todos los derechos reservados Impreso en EE UU Direcci n Postal REAL Software Inc PO Box 162181 Austin TX 78716 Sede Web http www realsoftware com Sede ftp ftp ftp realsoftware com Soporte Enviar a trav s de www realsoftware com Bugs Solicitud de Enviar a trav s de caracter sticas www realsoftware com Ventas sales realsoftware com 512 328 REAL 7325 Versi n 2009 Release 3 julio de 2009 Tutorial REALbasic 2 Tutorial REALbasic Bienvendido al Turorial de REALbasic Este Tutorial est dirigido a las personas que sean noveles en el mundo de la programaci n y tambi n noveles en el uso de REAL basic Te proporcionar una introducci n al entorno de desarrollo de REALbasic te guiar a trav s del desarrollo de una aplicaci n y te mostrar el tipo de otras aplicaciones que pueden crearse me diante REALbasic El Tutorial asume que ya has completado la gu a de Inicio R pido Completar este Tutorial deber a llevarte en torno a una hora Nota Si tienes experiencia con otras versiones del lenguaje BASIC o bien otros lenguajes de programaci n entonces querr s consultar la Gu a del Usuario Convenciones de presentaci n El Tutorial utiliza capturas de pantalla obtenidas de las versiones d
4. 0 Default wv 7 ProgressWheel GridLinesVerti 0 Default v DK PushButton A DefaultRowHe l 2 RadioButton y Fuente IEEE EE TextFont System AA RhSrrint Listbox1 Type Listbox 2 Suelta el bot n del rat n Aparecer un cuadrado de ListBox en el Editor de Ventana Tutorial REALbasic 8 3 Coge el manejador de tama o situado en la esquina inferior dere cha del ListBox y arr stralo diagonalmente para aumentar el tama o del ListBox Cuando aparezca la gu a de alineaci n en la dere cha suelta el bot n del rat n tal y como se muestra en la Figura 6 Figura 6 Aumentando el tama o del ListBox 000 Sin t tulo Window1 Layout o f sT A gt soo M A Window1 Dise o Qr Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar 3 Proyecto F Window1 Es La di E Modo de Edici n Editar Orden de Tabulaci n Avanzar Frente Retroceder Atr s Controles Internos 3 Propiedad Valor ID Lo BevelButton Name Listbox1 nas Canvas a O Nombre Index M CheckBox Super Listbox w 3 ComboBox D a Scope 0 Public w a DatabaseQuery PP ft 23 eft y DataControl Top 12 gt DisclosureTriangle Width 546 C EditField Height 294 3 ExcelApplication LockLeft E ti LockTop L G B ron sus LockRight a HTMLViewer LockBottom C ImageWell a 20 Tabindex 0 PCSocket TabStop M Aspecto Line e Visible M E ListBox HelpTag Ce MoviePlayer AutoDeactivate M m
5. BevelButton Y a Canvas Nombre M CheckBox Ea ComboBox Q DatabaseQuery g DataControl gt DisclosureTriangle ExcelApplication L GroupBox z a HTMLViewer C ImageWell PCSocket Line E ListBox E MoviePlayer HF NotePlayer 5 OLEContainer OpenGLSurface O Oval 2 PagePanel Placard v PopupArrow C3 PopupMenu f PowerPointAppl Buscar z Propiedad ID Name Index Super Scope Posici n Left Top Width Height LockLeft LockTop LockRight E LockBottom Tablndex TabStop Aspecto Caption Default Cancel Enabled Visible HelpTag Fuente TextFont Bold Italic Underline ProgressBar E ProgressWheel ox PushButton 8 RadioButton AIBR PushButtonl Type PushButton 4 AutoDeactiva Valor PushButtonl PushButton Y 0 Public Y 20 358 80 22 1 Y Nombre System TextSize 0 Con el PushButton seleccionado pulsa Ctrl D Windows y Linux o Comando D Macintosh o bien selecciona Edici n gt Duplicar pa ra crear una copia del PushButton Mu velo a la derecha del bot n anterior y alin alo con la esquina derecha del ListBox Cuando alcances la posici n aproximada aparecer n las gu as de alineaci n vertical y horizontal Alinea las l neas base correspon dientes a los dos encabezados de ambos PushButton tal y como se muestra en la Figura 8 Figura 8
6. mucho m s en comparaci n con la anterior versi n pero por lo menos ahora todos los elementos de la interfaz muestran las etiquetas correctas 11 Cuando hayas terminado de probar la aplicaci n selecciona Ar chivo gt Salir en Windows y Linux o bien MiAplicacion debug gt Salir en Mac OS X para regresar al IDE de REALbasic En Windows y Linux tambi n puedes salir de la aplicaci n haciendo clic sobre el elemento de cierre de la ventana Aseg rate de salir de la aplicaci n compilada antes de continuar con tu trabajo en el IDE de REALbasic Si no lo has hecho cierra la pesta a Ejecutar en la barra Pesta as Logra que el Gestor URL haga algo Ahora que la interfaz est dise ada y tras los oportunos retoques es el momento de lograr que los controles hagan su trabajo Empe zaremos con el bot n Conectar Especificas la acci n realizada por un bot n escribiendo algo de c digo que pasa a formar parte de dicho bot n 1 En el Editor de la Ventana haz doble clic sobre el bot n Conectar Aparecer el Editor de C digo correspondiente a Window 1 Aqu es donde escribes el c digo para la ventana y los controles conte nidos en dicha ventana En el margen izquierdo se encuentra el rea del navegador que lista todos los controles que se han a adido a la ventana entre otras cosas Para el Tutorial s lo necesitamos trabajar con los con troles En el margen derecho se encuentra el rea para la edici n del c d
7. Error Tipo Ubicaci n Problema y Window1 ConectarURL Actio No existe este m todo o propiedad ShowURL selecturl text Ejecutar Ctri R Ejecuta su aplicaci n bajo el depurador El t rmino no reconocido aparecer destacado Haz doble clic so bre la l nea para dirigirte al editor en el que se encuentre dicho error En este caso REALbasic muestra el Editor de C digo corres pondiente al evento Action de URLConectado mostrado en la Figu ra 24 La l nea que contiene el error tiene a su lado el icono de bug Tutorial REALbasic 25 Linea que contiene el error Figura 24 Un nombre de objeto mal escrito a S REALbasic Sin t tulo Window1 Code baba Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda JUL _ am gt o A Windowl ConectarURl Q7 Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar Proyecto FAWindowi O E Window1 41 Error BE E A adir Manejador de Men TY A adir Constante T Controles a Sub Action l Bo rrarURL O ShowURL FE text ox BorrarURL 0k ConectarURL as Action Close ConstructCo y qa ContextuallM DragEnter DragExit 5 DragOver DropObiect 1 4 REALbasic ShowURL Str As String Dado que no se puede encontrar un objeto llamado URLSelec cion no puede crear la aplicaci n REALbasic sabe que no ser capaz de averiguar qu hacer cuando el usuario haga
8. Haz clic sobre el bot n Compilar en la Barra de Herramientas Principal REALbasic compila la aplicaci n guarda la aplicaci n compilada a un archivo en tu ordenador y abre la ventana que contiene la apli caci n compilada REALbasic crea una carpeta con el nombre Compilaciones y que contiene todas las aplicaciones compiladas Dentro de esta carpeta Compilaciones se encuentran una serie de carpetas independientes para cada una de las plataformas seleccionadas en el cuadro de di logo correspondiente a Ajustes de Compilaci n Sal del IDE de REALbasic Archivo gt Salir en Windows y Linux o REALbasic gt Salir en Mac OS X Tutorial REALbasic 40 4 Haz doble clic en la nueva aplicaci n y pru bala 5 Si has compilado versiones para otras plataformas arr stralas so bre dichas plataformas y pru balas tambi n A continuaci n El Tutorial muestra lo sencillo que resulta desarrollar una aplicaci n sencilla Pero hay mucho m s dentro de REALbasic Tal y como se ha podido entrever en el Editor de Proyecto REALbasic incluye un Editor de Men y puede soportar m ltiples ventanas de diferentes tipos REALbasic es un completo sistema de desarrollo orientado a obje tos Con l puedes crear clases objetos reutilizables que encapsu len funcionalidad personalizada Puedes a adirlos al proyecto de modo que puedan reutilizarse en varios lugares del proyecto y guardarlos a disco En la Gu a del Usuario aprender s en d
9. clic sobre el bot n Conectar Aseg rate de que has nombrado los controles tal y como se ha descrito y que te has referido a ellos utilizando sus nombres correctos en el Editor de C digo Tambi n obtendr s este error en el caso de que hayas escrito MostrarURL URLSeleccionado sin haber a adido tambi n el nombre de la propiedad que incluye los contenidos del EditField Otra posibilidad es que hayas utilizado el nombre correcto en el Editor de C digo pero que no hayas cambiado el nombre del EditField utilizando el panel de Propiedades tal y como se muestra en la Figura 16 En dicho caso la instrucci n del Editor de C digo que se muestra en la Figura 22 rehusar funcionar dado que en la aplicaci n no existir ning n objeto con el nombre URLSeleccio nado Si obtienes un mensaje de error empieza por revisar el t rmino destacado A continuaci n haremos que el resto de los controles realicen su trabajo Tutorial REALbasic 26 El Bot n A adir Nota Se supone que el bot n A adir ha de tomar el texto del EditField y a adirlo al final de la lista en el ListBox Es sencillo En el caso de que no est abierto el Editor de C digo correspon diente a la ventana haz doble clic sobre el bot n A adir en la ven tana si no est visible el Editor de la Ventana haz clic en la pesta a correspondiente a Window en la barra Pesta as Introduce el siguiente c digo en el evento Action del bot n A adir ListadoUR
10. panel Propie dades para cambiar su nombre a ConectarURL y su propiedad Cap tion a Conectar 6 Haz clic en el PushButton Sin t tulo situado entre el ListBox y el EditField Cambia su propiedad Name a BorrarURL y su propiedad Caption a Borrar 7 Haz clic sobre el EditField y cambia su propiedad Name a URLSe lecionado 8 Haz clic sobre el ListBox y cambia su propiedad Name a ListURL Ya hemos hecho lo correcto Los paneles de Propiedades para es tos objetos deber an tener el aspecto mostrado en la Figura 16 Tutorial REALbasic 17 Propiedad Valor ID Name ConectarURL Index Super PushButton w Scope 0 Public Posicion Left 500 Top 360 Width 80 Height 20 LockLeft LockTop LockRight LockBottom Tabindex TabStop Aspecto Caption Default Cancel Enabled Visible HelpTag AutoDeactivate M Fuente TextFont System TextSize Bold Italic Underline Cad A onectar RAR Bot n Conectar Figura 16 Los paneles de Propiedades para el resto de los contro les Propiedad Valor Propiedad Valor Propiedad Valor ID ID ID Name BorrarURL Name URlSeleccionadc Name ListURL Index Index Index 1 Super PushButton w Super TextField w Super Listbox v Scope 0 Public w Scope 0 Public w Scope 0 Public w Posici n Posici n Posici n Left 500 Left 20 Left 20 Top 294 Top 326 Top 14 Width 80 Width 560 Width 560 Height 20 Height 22 Height 268 LockLeft C LockLef
11. y PushButton3 Han sido nombrados atendiendo al orden en el que han sido creados Nunca recorda r amos cual es cada uno de modo que lo mejor es renombrarlos al mismo tiempo que introducimos sus etiquetas Cambia la propiedad Name de este PushButton a AnadirURL en REALbasic no puedes utilizar acentos ni caracteres como la o la en el nombre de los objetos y la propiedad Caption a A adir Pulsa la tecla Retorno despu s de haber introducido cada entrada para guardar el valor de cada nueva propiedad Advierte que el texto de la propiedad Caption sustituye de inmedia to a Sin t tulo en el Editor de la Ventana cuando pulsas la tecla Retorno Una vez que hayas finalizado el panel de Propiedades correspondiente al PushButton AnadirURL deber a tener el siguiente aspecto Tutorial REALbasic 16 Figura 15 El panel de Propiedades para el bot n A adir Propiedad Valor ID Name Index Super Scope Posici n Left Top Width Height LockLeft LockTop AnadirURL PushButton w O Public 20 360 80 20 LockRight L LockBottom Tabindex TabStop Aspecto Caption Default Cancel Enabled Visible HelpTag AutoDeactivate Fuente TextFont TextSize Bold Italic Underline A gt RAA Kl System adir 5 Haz clic sobre el bot n Sin t tulo en la esquina inferior derecha pa ra seleccionarlo Se trata del PushButton2 Utiliza el
12. Alineando los PushButton A adir y Conectar REALbasic Sin t tulo Windowl Layout Archivo Edici n Controles Internos 0 BevelButton E Canvas Y Proyecto Ver Historia Marcadores Ventana Ayuda SES f E gt as N Window Dise o Atr s Ejecutar Compilar A adir Marcador Ubicaci n Proyecto FA Windowl EE Ci Editar Orden de Tabulaci n 4 Avanzar E Frente mn Retroceder er Atr s Nombre M CheckBox a ComboBox Q DatabaseQuery y DataControl b DisclosureTriangle ExcelApplication C GroupBox a ke HTMLViewer C ImageWell PCSocket Line E ListBox E MoviePlayer M NotePlayer S OLEContainer OpenGLSurface O Oval 2 PagePanel Placard PopupArrow C3 PopupMenu f PowerPointAppl Buscar Z Propiedad ID Name Index Super Scope Posici n Left Top Width Height LockLeft LockTop LockRight LockBottom Tablndex TabStop Aspecto Caption Default Cancel Enabled Visible HelpTag Fuente TextFont Bold Italic Underline ProgressBar T7 ProgressWheel ox PushButton 2 RadioButton EDIC misma PushButton2 Type PushButton 4 ur AutoDeactiva Valor PushButton2 PushButton Y 0 Public Y 500 358 80 22 System TextSize 0 Tutorial REALbasic 10 7 Con este PushButton seleccionado pulsa Ctrl D Windows y Linux o Comando D Macintosh o bien selecciona Edici n gt D
13. L AddRow URLsSeleccionado Text La primera parte de la expresi n ListadoURL Addrow llama a un m todo interno perteneciente al ListBox El m todo AddRow es un comando que a ade una fila de texto al final del listado disponible en el ListBox No es ninguna sorpresa que requiera que le pasemos el texto del nuevo elemento Ya sabemos que URLSeleccionado Text obtiene los contenidos del EditField de modo que esto es lo que usaremos Un m todo es un comando que realiza una acci n T cnicamente ShowURL es un m todo global porque no est asociado a un obje to en particular Puede llamarse desde cualquier objeto que pueda llamar a un m todo Nosotros nos hemos limitado a invocarlo des de un PushButton Por ejemplo podr amos dise ar la aplicaci n de modo que ShowURL fuese invocado cuando el usuario seleccio nase un elemento del men en vez de cuando hiciese clic sobre un bot n Al igual que lo objetos tienen propiedades como su nombre ta ma o posici n y etiqueta tambi n tienen sus propios m todos AddRow tambi n es un m todo si bien en este caso pertenece s lo a los controles ListBox Ofrece una acci n especializada que s lo tiene sentido cuando se aplica a los listados en los controles ListBox Tutorial REALbasic 27 El bot n Borrar Nota El bot n Borrar elimina el elemento seleccionado del ListBox Tam bi n es bastante simple En el Editor de C digo expande el elemento URLBorrado y selec
14. NotePlayer Enabled M 5 OLEContainer Border M gt ColumnCount 1 Oval p p ColumnWidths 2 PagePane HasHeading C Placard o o xi UseFocusRing M wv PopupArrow InitialValue 3 PopupMenu ire 1 i crol oriz Power licati F i S pre ScrollBar Vertical M En ProgressBar GridLinesHori O Default w 7 ProgressWheel GridLinesVerti O Default w OK PushButton DefaultRowHe 1 2 RadioButton E Fuente 3 gt TextFont System 2 A RhSrrint Hacer clic y arrastrar para cambiar el tama o de los elemento s seleccionados 4 C ntralo sobre el rea superior de la ventana tal y como se mues tra en la Figura 6 5 A continuaci n arrastra un control PushButton desde el panel de Controles hacia la esquina inferior izquierda de la ventana donde se encuentra el bot n A adir en la Figura 3 medida que lo arrastras cerca de la esquina de la izquierda apa recer una gu a de alineaci n vertical Utiliza la gu a de alineaci n vertical para situar el PushButton tal y como se muestra en la Figu ra 7 Tutorial REALbasic 9 Figura 7 Alineando el PushButton A adir REAL basic Sin t tulo Windowl Layout Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda amp S Proyecto FA Windowl Atr s e Ejecutar Windowl Dise o Compilar A adir Marcador Ubicaci n BE Ci Editar Orden de Tabulaci n Avanzar as Frente h Retroceder mn Atr s Controles Internos 0
15. URL www realsoftware com www yahoo com www apple com www microsoft com www ubuntu com o Borrar www yahoo com AAA AAA A adir Conectar Puedes e Introducir un URL en el EditField y conectar con el sitio utilizando tu navegador web por omisi n e A adir el URL al ListBox e Seleccionar cualquier URL en el ListBox e Borrar el URL seleccionado en el ListBox Si quieres enviar un email introd celo del siguiente modo mailto nombreusuario dominio com Uso del Autocompletado Un modo de evitar el uso de t rminos incorrectos es aprovechando la caracter stica de autocompletado de REALbasic medida que escribas REALbasic intentar averiguar lo que est s escribiendo Si escribes los primeros caracteres de un objeto del lenguaje REALba sic ya sea interno o una variable m todo o propiedad creada por ti mostrar su suposici n con un tipo de color gris claro Si la supo sici n es correcta pulsa la tecla Tabulador para completar dicha entrada Tutorial REALbasic 31 En el caso de que exista m s de una posibilidad al pulsar el Tabu lador REALbasic mostrar un men contextual He aqu un ejemplo Figura 28 La caracter stica de autocompletado en acci n 000 Sin t tulo Windowl1 Code A 1 db 00 Window1 BorrarUR Q7 ao Les Atras Ejecutar Compilar A adir Marcador Ubicaci n Buscar G Proyecto F Window1 E window1 Modo de Edici n A
16. a aplicaci n y sabe cuando ocurre Para que el bot n Conectar funcione necesitamos escribir las ins trucciones que conecta al usuario con el sitio web que se haya in troducido en el EditField En el rea del Navegador correspondiente al Editor de C digo ver s un listado de los eventos que REALbasic monitoriza de forma constante durante el funcionamiento de la aplicaci n Por ejemplo se lanzan los eventos MouseEnter y MouseExit cuando el apunta dor del rat n entra en la regi n del PushButton y abandona dicha regi n respectivamente El evento que necesitamos es el evento Action Este evento tiene lugar cuando el usuario hace clic sobre el bot n En el margen derecho del divisor puedes escribir el c digo que se ejecuta autom ticamente cuando el usuario hace clic sobre el bo t n Advierte que la primera l nea Sub Action indica a qu evento corresponde el c digo La instrucci n para abrir el sitio web en el navegador del usuario o para abrir la aplicaci n de co rreo electr nico es simple La instrucci n ShowURL y su sintaxis es Tutorial REALbasic 20 ShowURL string Donde string es el URL o direcci n de correo electr nico Cuando escribas ShowURL aparecer la sintaxis para dicho co mando en la barra de Consejos Consultando la barra de Consejos evitar s la necesidad de tener que consultar la sintaxis de un co mando en la Referencia del Lenguaje en l nea cada vez que necesi te
17. a propiedad Text almace na el texto que est siendo mostrado por el EditField Probando la aplicaci n Estas son las l neas b sicas de la aplicaci n Ahora es el momento de probar todas estas caracter sticas Antes de que ejecutes tu proyecto de nuevo puedes pedir a REAL basic que compruebe el proyecto para detectar errores o bien for mas de optimizar la aplicaci n Para ello utilizas el comando Anali zar Proyecto La caracter stica Analizar Proyecto utiliza el compila dor de REAlbasic para revisar todo el c digo e identificar cualquier error del c digo Tambi n ofrece sugerencias sobre c mo mejorar la aplicaci n 1 Selecciona Proyecto gt Analizar Proyecto Si no encuentra problemas mostrar el mensaje Comprobaci n pasada no se han encontrado problemas en la barra de Consejos y no abrir el panel de Problemas Si la caracter stica Analizar Proyecto encontrase alg n problema abrir a un panel Problemas y listar a los problemas hallados A continuaci n se muestra un ejemplo de un error que evita la compi laci n del proyecto Figura 25 Un error descubierto por el comando Analizar Proyecto 000 Sin t tulo Atras Ejecutar Compilar A adir Marcador Ubicaci n Buscar S Proyecto X Window E Window1 4 1 Problema Eb als Filtro de tipo View errors 0 Problema gt uy Este m todo requiere m s par metros que los pasados La comprobaci n ha fallado con 1 problema Tutori
18. acintosh basados en PowerPC como Intel Si dispones de otras plataformas de ordenador selecci nalas y pulsa sobre OK Tambi n puedes ajustar las propiedades de la aplicaci n indepen diente incluyendo su nombre Puedes hacerlo configurando algu nas propiedades del objeto App Puedes acceder a este objeto desde el Editor de Proyecto Haz clic en la pesta a Proyecto de la barra Pesta as Figura 31 El Editor de Proyecto para la aplicaci n Gestor URL re REATba asic Sin titulo Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda Q gt Sep L A Home Q Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar Proyecto WF Window Ef A adir Ventana A adir Clase A adir M dulo 6 A adir Carpeta A adir Control Container Nombre Super Propiedad Valor A o FS Window1 Window Name App Ej MenuBar1 Nterfaces Super Applicationw Aspecto Defaultwin Windowl w MenuBar MenuBarl w Icon H Info de MajorVersion MinorVersion BugVersion StageCode 0 Devel w O O O O sr NonReleas Autolncre Shortversion LongVersion Packagelnfo Miictars El Editor de Proyecto contiene un listado con los principales com ponentes de tu aplicaci n REALbasic Por ejemplo incluye los ele mentos para todas las ventanas utilizadas por tu aplicaci n las ba rra de men s y los objetos como los sonidos im genes bases de datos y pel culas Por omisi n incluye un
19. adir Manejador de Men A adir Constante MouseUp Sub Action MouseWheel la Mousewnee ListURL RemoveRow ListURL L Y Open 0 Lastindex ER y 0k BorrarURL gt Len EL List Action 4 ListCount Close UE A 1 Listindex ConstructConte N Ww LockBottom ContextualMen MA gt w LockLeft DragEnter Y LockRight DragExit Y LockTop DragOver DropObject A r 1 27 El usuario ha escrito ListadoURL L y pulsado la tecla Tabulador REALbasic muestra un men contextual con todos los t rminos posi bles que pueden completar dicha expresi n Utiliza las teclas de cursor Arriba y Abajo para navegar por el listado y pulsa la tecla Retorno para elegir el elemento seleccionado Los peque os iconos situados a la izquierda de cada t rmino te in dican el tipo de objeto de que se trata En este caso las marcas de verificaci n indican que los elementos son propiedades booleanas y los 1 indican que se tratan de propiedades enteras C mo se puede mejorar la aplicaci n Aunque los controles hacen su trabajo intentan hacerlo cuando resulta inapropiado Por ejemplo e Si el EditField est vac o al hacer clic sobre el bot n A adir se in cluir una l nea en blanco sobre el ListBox y al hacer clic sobre el bot n Conectar intentar abrir un URL que no existe e Si no est ning n elemento seleccionado en el ListBox el bot n Bo rrar intentar borrar una fila
20. ado la tecla de atajo El estilo Negrita se utiliza para indicar el texto que debes escribir durante el uso de REAlbasic Algunos pasos te pedir n que introduzcas l neas de c digo en el Editor de C digo de REALbasic Estas aparecer n en Helvetica una fuente sin serifa dentro de una caja sombreada ShowURL SelectedURL Text Cuando introduzcas c digo por favor ten en cuenta las siguientes reglas Escribe cada l nea en una l nea independiente dentro del Editor de C digo No intentes encajar dos o m s l neas impresas sobre la misma l nea o bien dividir una l nea muy larga en dos o m s li neas No a adas espacios adicionales donde no existan sobre el c digo Impreso Cada vez que ejecutes tu aplicaci n REALbasic comprobar en primer lugar tu c digo en busca de errores de sintaxis y ortogr fi cos sobre el c digo Si dicha comprobaci n encuentra alg n error REALbasic dirigir directamente tu atenci n sobre la l nea de Tutorial REALbasic 4 Comenzamos c digo causante del problema Comprueba de nuevo la l nea con su versi n impresa El Tutorial incluye una secci n de resoluci n de problemas que que ayudar a resolver los errores de sint xis Crear s una aplicaci n que gestiona direcciones URL y direcciones de correo Un URL abreviatura en ingl s de Uniform Resource Locator es la direcci n de una p gina web que escribes en un rea de direcci n del navegador web Esta aplicaci n ejecut
21. al REALbasic 29 En el caso de que se encontrasen varios problemas estar an orga nizados por el tipo de problema en cuesti n Haz clic sobre el tri ngulo de acceso situado a la izquierda del mensaje de error pa ra ver los errores concretos Figura 26 Detalles del error mostrado en la Figura 25 no Sin titulo gt lt lt H e a Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar G Proyecto X F Windowl E Window1 1 Problema amp als Filtro de tipo View errors 0 Problema v Este m todo requiere m s par metros que los pasados Window1 BorrarURL Action linea 1 Este m todo requiere m s par metros que los pasados ListURL RemoveRow ListURL List La comprobaci n ha fallado con 1 problema 2 En caso necesario haz doble clic sobre cada mensaje de error y corr gelo antes de continuar 3 Haz clic sobre el bot n Ejecutar B gt en la Barra de Herramientas Principal para probar la aplicaci n La aplicaci n mostrar el mismo aspecto que ya hemos visto ante riormente pero ahora funcionar n todos los controles Por ejem plo introduce http www realsoftware com en el EditField y haz clic en el bot n A adir A ade unas cuantos URL al ListBox de este modo y selecciona a continuaci n cualquiera de ellos en el ListBox para que su contenido pase al EditField Tutorial REALbasic 30 Figura 27 Al hacer clic sobre un URL ste queda reflejado en el EditField e NO Gestor
22. ar tu aplicaci n de navegaci n web por omisi n y mostrar la p gina web correspondiente a la direcci n que hayas introducido La Figura 1 muestra un URL en el rea de Direcci n del navegador de internet Figura 1 Un URL introducido en un navegador REAL Software Desarrollo de Software para Mac Windows y Linux G UL Y http www realsoftware com Si introduces una direcci n de correo en vez de un URL entonces la aplicaci n ejecutar tu aplicaci n de correo electr nico crear un nuevo mensaje en blanco e introducir la direcci n en el campo Para La Figura 2 muestra c mo puedes introducir una direcci n de correo en el rea de Direcci n de un navegador Figura 2 Una direcci n de correo electr nico introducida en el rea Direcci n del navegador REAL Software Desarrollo de Software para Mac Windows y Linux Windows OU 9 mailto spanish customer service realsoftware com Cuando hayas terminado la aplicaci n tendr el aspecto mostrado en la Figura 3 En la Figura 3 las etiquetas en negrita indican los tipos de controles que se han utilizado para crear la aplicaci n Las funciones de los controles se describen en texto sencillo Tutorial REALbasic 5 Haz clic para copiar en la caja de texto Haz clic para borrar del listado Introduce un URL o direcci n de co rreo Haz clic para a adir al listado Figura 3 La aplicaci n de Gesti n de URL una vez completada
23. arga de indentar autom ticamente el c digo conte nido por la instrucci n If para que resulte m s sencillo comprobar el c digo Aseg rate de que el c digo est indentado tal y como se Tutorial REALbasic 36 muestra en las instrucciones Aseg rate de que existe una instruc ci n End if por cada If y que no escribes Endif en vez de End if o end if El uso de may sculas o min sculas no es impor tan pero el espacio entre End e if s De igual modo com prueba que cada l nea que empiece con una instrucci n if finalice con un then E igualmente no deber as dejar un espacio entre las comillas dobles o entre los signos de menor que y mayor que Compilando una aplicaci n independiente Ahora que ya has finalizado la versi n de la aplicaci n est s listo para crear una aplicaci n independiente La versi n independiente de la aplicaci n funciona justo como la aplicaci n que has estado probando excepto que no precisar de la aplicaci n REALbasic propiamente dicha Podr ejecutarse haciendo doble clic sobre su icono tal y como ocurre con cualquier aplicaci n comercial La versi n Professional de REALbasic puede crear aplicaciones in dependientes para las plataformas Windows Macintosh y Linux La versi n Personal de REALbasic compila aplicaciones independientes s lo para la plataforma sobre la que se est ejecutando el IDE de REALbasic Tambi n permite compilar versi
24. ciona el elemento Action Introduce la siguiente l nea de c digo lListadoURL RemoveRow ListadoURL Listindex En este caso estamos invocando el m todo RemoveRow incorpora do en el control ListBox En vez de texto en este caso necesita el n mero de la fila l nea a borrar La propiedad Listindex contiene dicho n mero de modo que pasamos ese n mero al m todo Re moveRow Si sit as el punto de inserci n en el t rmino RemoveRow la barra de Consejos indica que RemoveRow requiere el paso de un entero 1 16 Listbox RemoveRow Index As Integer El control ListBox La tarea del ListBox consiste en copiar el item seleccionado por el usuario en el EditField de modo que el usuario pueda conectar con dicha URL o direcci n de correo electr nico Puedes hacer dicha operaci n con facilidad escribiendo una instrucci n de asignaci n que se ejeutar cada vez que el usuario seleccione un elemento en el listado Expande el elemento ListadoURL en el rea del navegador corres pondiente al Editor de C digo y selecciona el manejador de evento correspondiente a Change Introduce el siguiente c digo en el evento Change URLSeleccionado Text ListadoURL Text La propiedad Text del ListBox contiene el texto del elemento selec cionado La propiedad Text del URLSeleccionado contiene el texto Tutorial REALbasic 28 que se est mostrando Esta instrucci n de asignaci n copia dicho texto en la propiedad Text del EditField L
25. e REALbasic para Windows Macintosh y Linux El dise o de la inter faz y el conjunto de caracter sticas son id nticos en todas las plata formas de modo que las diferencias entre cada una de las plata formas son las correspondientes a la interfaz Aero de Vista la in terfaz Leopard de Mac OS X y la distribuci n Ubuntu de Linux Tutorial REALbasic 3 Se utiliza el estilo cursiva para destacar la primera vez que se utili za Un nuevo t rmino y para se alar el uso de conceptos importan tes Adicionalmente tambi n se utiliza el estilo cursiva sobre los t tulos de los libros como por ejemplo Gu a de Usuario de REALba sic Cuando se te indique que has de seleccionar un elemento desde los men s de REALbasic ver s algo como selecciona Archivo gt Nue vo Proyecto Esto es equivalente a selecciona Nuevo Proyecto en el men Archivo Los elementos contenidos entre par ntesis son los atajos de teclado y est n formados por una secuencia de teclas que deben pulsarse en el orden mostrado En Windows y Linux la tecla Ctrl es la modi ficadora en Macintosh la tecla Comando es la tecla modificadora Por ejemplo cuando veas el atajo Ctrl O o Comando O significa que debes pulsar la tecla Control en un ordenador Windows o Linux y pulsar a continuaci n la tecla O o bien pul sar la tecla Comando en Macintosh y pulsar a continuaci n la tecla O Debes soltar la tecla modificadora una vez hayas puls
26. elemento para la ventana principal de la aplicaci n Window1 su barra de men s por omi si n MenuBarl y un elemento asociado con la aplicaci n como un todo App Puedes hacer doble clic sobre un elemento en Editor de Proyecto para editarlo o examinarlo Cuando seleccionas el objeto App tal y como se muestra en la Fi gura 31 el panel Propiedades te muestra las propiedades corres pondientes al objeto App Tutorial REALbasic 39 Propiedad Name Interfaces Super Aspecto DefaultWindow MenuBar Figura 32 Las propiedades de la clase App Valor App Application w Yv Yv Windowl MenuBarl Icon Info de Versi n MajorVersion 1 MinorVersion 0 BugVersion O StageCode 0 Developmentw NonReleaseVersion O AutolncrementVers L ShortVersion LongVersion Packagelnfo Ajustes Windows WindowsAppName MDI MDICaption CompanyName ProductName InternalName Ajustes Linux LinuxAppName Ajustes Mac MacOSXAppName MacCreator AcceptFileTypes Avanzado Bundle Identifier IncludeFunctionNa Debugger CommandLineArgs Destination Mi Aplicacion exe MiAplicacion Mi Aplicacion En las reas de ajustes Windows Linux y Mac defines el nombre para la aplicaci n compilada y en la mayor a de los casos otra serie de propiedades Como nombre de la aplicaci n para el sistema que est s utilizando introduce Gestor URL exe para Windows o Gestor URL para Macin tosh y Linux Sat q Y
27. etalle el sistema de desarrollo orientado a objetos La Referencia del Len guaje es un listado explicado de todos los elementos de programa ci n del lenguaje REALbasic De igual modo aseg rate de examinar y probar los proyectos de ejemplo que se suministran con REALbasic as como la propia sede web de REALbasic en http www realsoftware com en la que po dr s encontrar otros tutoriales y pr cticos Tutorial REALbasic 41
28. hacer que esta aplicaci n sea operativa 4 En la aplicaci n Gestor URL selecciona Archivo gt Salir en Windows o Linux o MiAplicaci n debug gt Salir en Mac OS X pa ra volver al IDE de REALbasic En Windows y Linux tambi n puedes salir de la aplicaci n haciendo clic sobre el elemento de cierre de la ventana Asignar Nombres y Etiquetas Significativos a los Objetos Ya habr s advertido que todos los PushButton utilizan la etiqueta por omisi n Sin t tulo Tambi n tienen los nombres por omisi n como PushButton1 PushButton2 etc Antes de que sigamos avan zando en el proyecto deber amos dar a los objetos nombres y eti quetas significativos En el c digo de REALbasic utilizar s el nom bre de los objetos para referirte a ellos y por supuesto las etique tas son los textos mostrados al usuario Al inicio del proyecto debe r as dar un nombre significativo a cada uno de los objetos que va yas a referenciar mediante c digo Tutorial REALbasic 14 1 Clic sobre la superficie de la ventana en el Editor de Ventana y no sobre cualquiera de los controles contenidos en la misma y echa un vistazo a continuaci n al panel de Propiedades La ventana tiene el nombre por omisi n Window1 y que apare ce en la primera l nea Si muestra alg n otro nombre entonces es porque habr s hecho clic sobre alguno de los controles de la ven tana en vez de haber hecho clic sobre la superficie de la ventana propiamente dicha
29. ica que la siguiente expresi n accede a los contenidos del EditField URLSeleccionado Text Es decir URLSeleccionado es el nombre del objeto y Text es el nombre de la propiedad del objeto que necesitamos En el Editor de C digo para el evento Action modifica el c digo para que sea ShowURL URLsSeleccionado Text Esta expresi n URLSeleccionado Text se refiere s lo a la propiedad de texto Tutorial REALbasic 23 Tu Editor de C digo deberia tener el siguiente aspecto Figura 22 El c digo modificado para el evento Action 000 Sin titulo Window1 Code e gt DE E Window1 ConectarURL Qy Ar Lil Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar 3 Proyecto F Window1 E window1 R EF JE ES Y P Modo de Edici n A adir Manejador de Men A adir Constante A adir Nota y 2 Controles Sub Action gt 2x AnadirURL ShowURL URLSeleccionado Text gt 0k BorrarURL y 0k ConectarURL ES Action b Close ConstruciConte M ContextualMen L DragEnter h DragExit gt DragOver DropObject gt GotFocus Y 1 28 TextField Text As String Si tienes problemas introduciendo esta l nea de texto aseg rate haber salido previamente de la aplicaci n de prueba antes de vol ver al IDE de REALbasic S lo has de salir de la aplicaci n de prueba Guarda el proyecto Archivo gt Guardar y pru bala haciendo clic sobre el bot n Ejecutar B gt en la Barra de Her
30. igo Dicha rea contiene el c digo para el elemento que se encuentre seleccionado en ese momento en el navegador Justo ahora est seleccionado el elemento Action del bot n Co netar Est destacado en el rea del Navegador y el rea de en cabezado sobre el editor te indica el nombre del evento Tutorial REALbasic 19 Figura 18 El Editor de C digo para Windowl 4000 Sin t tulo Window1 Code lt a gt ee LEi A Window1 ConectarURL Action Qy Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar S Proyecto X F Window1 E window1 D B 3 B S amp Modo de Edici n A adir Manejador de Men A adir Constante A adir Nota A adir M todo A adir Propiedad Comentar v A Controles Sub Action Selecciona un evento en r r Y 0k ConectarURL el rea del Navegador nai Close L ConstructContextu k ContextualMenuAc DragEnter L DragExit r L DragOver Escribe el c digo para D Dropobjec _ GotFocus di h I r KeyDown 1cho evento en el area D Keyup _ LostFocus d l Edit d A di k MouseDown el Editor de C digo fais Barra de Consejos 5 Para conseguir que el bot n Conectar haga algo necesitamos es cribir algo de c digo que se ejecute s lo cuando el usuario haga clic sobre el bot n Afortunadamente la propia aplicaci n REALba sic se encarga de monitorizar toda la actividad de la interfaz del usuario durante el funcionamiento de l
31. indow1 GE a Modo de Edici n Editar Orden de Tabulaci n Controles Internos Propiedad Valor PE z ID Spano Surlace o o o Name Windowl O Oval Gestor URL Interfaces 2 PagePanel Super Window v Placard Posici n Placement 0 Por omisi nw wv PopupArrow a Width 600 C3 PopupMenu Height 400 9 PowerPointApplicati MinWidth 64 En ProgressBar MinHeight 64 7 gt ProgressWheel MaxWidth 32000 GE PushButton MaxHeight 32000 i Aspecto e RadioButton Frame 0 Document w gt RbScript Composite 1 C Rectangle HasBackColor RoundRectangle o a a BackColor amp cFFFFFF g ScrollBar Backdrop v E Gestor URL Separator Visible M Serial FullScreen C ServerSocket MenuBarVisible M o Slider CloseButton M i Resizeable M SpotlightQuery y E LiveResize M Aa StaticText Nombre MaximizeButton O TabPanel MinimizeButton M TcPsocket MacProclD 0 FE SRE I MenuBar MenuBarl w TextField Nombre Nombre A Implicitinstance M gt usa L z amp Timer uDPSocket 4 lUnDomwn Arrames Windowl De igual modo tenemos que sustituir los nombres y etiquetas por omisi n de los controles utilizados en la ventana En el Editor de la Ventana selecciona el bot n Sintitulo situado en la esquina inferior izquierda haciendo clic sobre l Advierte que el panel Propiedades cambia para mostrar las pro piedades de este PushButton Los tres PushButton tienen los nombres PushButton1 PushButton2
32. mp ecFFFFFR Aa StaticText Enabled Y y Format EF TabPanel Visible FI TCPSocket tee E E TextArea FESSES E C TextField e 15 Thread da q z Timer ee Bold E UDPSocket italic F E UpDownArrows Underline 7 W0 WordApplication gt Hacer clic y arrastrar para cambiar el tama o de los elemento s seleccionados Si observas que el PushButton superior el EditField y la fila inferior de los PushButton no tienen una distribuci n armoniosa puedes cambiar la posici n de un control haciendo clic sobre l y movi n dolo pixel a pixel utilizando las teclas de cursor Arriba y Abajo Ya has completado la interfaz de la aplicaci n Deber a tener el aspecto mostrado en la Figura 11 Figura 11 La interfaz completada en el IDE de REALbasic DD E AA _ 4 A Ev gt CES Li e Window1 Dise o Qy Buscar Proyecto Atr s Adelante Ejecutar Compilar A adir Marcador Ubicaci n Buscar Cd Qu e ME E Eear Modo de Edici n Editar Orden de Tabulaci n Avanzar Frente Retroceder Atr s Alinear Propiedad Valor gt 1D o D Name Listhbox1 Q val 600 Nombre Index iz PagePanel Super Listbox w Placard Scope 0 Public w Posici n wv PopupArrow pie Left 20 C3 PopupMenu Top 14 59 PowerPointApplicati Width 560 ED ProgressBar Height 268 7 ProgressWheel LockLeft Q PushButton LockTop O D RadioButt LockRight Q Ov ps Hion LockB
33. ne texto entonces el m todo ShowURL se ejecutar con normalidad La instrucci n Else si no se encarga de gestionar el caso donde el EditField est vac o Si el EditField est vac o utilizamos el coman Tutorial REALbasic 33 do MsgBox para mostrar un cuadro de alerta con un mensaje in formativo Expande el elemento BorrarURL en el Editor de C digo y seleccio na el evento Action Necesitamos comprobar la misma l gica Este c digo deber a fun cionar s lo en el caso de que el usuario haya seleccionado un ele mento en el ListBox y no siempre Modifica el c digo para que pase a ser como sigue If ListadoURL Text lt gt then Listad0URL RemoveRow ListadoURL Listindex Else MsgBox Por favor seleccione un elemento en el listado End if Expande el elemento AnadirURL en el Editor de C digo y seleccio na el evento Acci n En este caso a adiremos una comprobaci n adicional Si el ele mento ya est seleccionado entonces no es necesario que se a a da de nuevo de modo que podemos comprobar tambi n dicha condici n La primera comprobaci n evita que el bot n A adir in serte una fila en blanco y la segunda comprobaci n evita que se a ada una fila duplicada Modifica el c digo para que sea como sigue If URLSeleccionado Text lt gt ListadoURL Text then ListadoURL Addrow URLSeleccionado Text Else MsgBox Por favor introduzca un URL o direcci n de co rreo distinto End if T
34. o arrastres cerca de la esquina aparecer n unas gu as de alineamiento tal y como se muestra en la Figura 5 Es probable que debas soltar el ListBox cerca del rea correcta y que debas cogerlo de nuevo para que puedas ver las gu as de alinea ci n Figura 5 Las gu as de alineaci n te ayudan a situar el ListBox y ali nearlo con otros controles 0eDO Sin titulo Window1 Layout O A gt 0 J i A Window1 Dise o Qr Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar S Proyecto 7 window Ge F a el Modo de Edici n Editar Orden de Tabulaci n Avanzar Frente Retroceder Atr s Controles Internos Propiedad Valor ID Lo BevelButton Name Listboxl Em Canvas a O Nombre Index M CheckBox Y 2223 Super Listbox w c ComboBox g B Scope 0 Public w Q DatabaseQuery ETT 20 y DataControl F i i 200 o P b DisclosureTriangle h Width 100 CJ EditField Height 100 23 ExcelApplication LockLeft C GroupBox o O o LockTop B LockRight HTMLViewer LockBottom M C ImageWell Tabindex 0 Pcsocket TabStop M i Aspecto Line e ES ListBox Visible M q HelpTag Ce MoviePlayer AutoDeactivate M TF NotePlayer Enabled M S gt OLEContainer Border M O Oval ColumnCount 1 i ColumnWidths 2 PagePane HasHeading Q Placard UseFocusRing M wv PopupArrow InitialValue C3 PopupMenu der ec 1 z ScrollbarHoriz PowerPoin licati gt Pov E ri in ScrollBarVertical M ProgressBar GridLinesHori
35. o todav a haz doble clic sobre el icono de aplicaci n de REALbasic En unos segundos aparecer la ventana del Entorno de Desarrollo Integrado IDE de REALbasic En el caso de que aparezca la ventana de Bienvenida ci rrala de modo que puedas acceder al IDE de REALbasic El IDE utiliza una interfaz de pesta as para mostrar m ltiples edito res en la misma ventana REALbasic muestra el Editor de Dise o de Ventana como el panel principal en el IDE Puedes cambiar entre los diferentes editores haciendo clic sobre la barra de Pesta as Advierte que ya est visible una segunda pesta a correspondiente al Editor de Proyecto Iremos al Editor de Proyecto posteriormente Tu primera tarea consiste en crear la interfaz en el Editor de Dise o de Ventana La Figura 4 muestra el editor correspondiente a Window1 Figura 4 El Editor de Dise o de Ventana para Window Q REAL basic Sin t tulo Windowl Layout Archivo Edici n Marcadores Ventana D sop M Window Dise o Par te Ejecutar Compilar A adir Marcador Ubicaci n Buscar Proyecto Ver Historia Ayuda peemecto E Windowl BE Editar Orden de Tabulaci n Wi Avanzar Y Frent 7 a Propiedad Valor pan Name Windowl rfaces Super Window ad Placemen t 0 Poro v Width 600 Height 400 MinWidth 64 MinHeight 64 MaxWidth 32000 MaxHeight 32000 E ImageWell IPCSocket Line ListBox E MoviePla
36. ones demo para todas las plataformas sobre las que no se est ejecutando REALbasic Una versi n demo es totalmente funcional pero sale autom tica mente una vez hayan transcurrido cinco minutos desde su ejecu ci n Compilando tu Aplicaci n Compilar una versi n independiente de tu aplicaci n no podr a ser m s sencillo de lo que lo es en REALbasic o i a e 1 Haz clic en el bot n Compilar en la Barra de Herramientas Principal Cuando creas una aplicaci n independiente REALbasic crea una nueva carpeta con el nombre Compilaciones y crea subcarpetas para cada plataforma para la que decidas crear una compilaci n Incluir la aplicaci n independiente en la subcarpeta correspon diente La abrir y seleccionar la aplicaci n Tutorial REALbasic 37 Figura 29 El icono de aplicaci n correspondiente a la compilaci n de Gestor URL Windows y Macintosh Mi Aplicaci n Por omisi n utiliza el nombre Mi Aplicaci n y utiliza el icono de aplicaci n gen rico de cada plataforma Es posible personalizar de forma sencilla tanto el nombre como el icono Haz doble clic sobre el icono de Mi Aplicaci n y prueba el pro grama Cuando hayas terminado selecciona Salir para abandonar Gestor URL y vuelve al proyecto de REALbasic Personalizar la Aplicaci n Independiente Y Compilar para la plataforma actual Mac OS X Mac OS X Bin Univ Mac OS X Intel Mac OS X PowerPC Windows 2000 y posterio
37. otras palabras esta l nea es equivalente a If URLSeleccionado Text El ltimo paso consiste en modificar el c digo para el ListBox Este c digo necesita comprobar si el usuario ha seleccionado un ele Tutorial REALbasic 35 mento antes de que intente copiar el texto en el EditField Tambi n deberia gestionar los botones Borrar y Conectar No hay ning n motivo por el que el usuario pueda hacer clic sobre Borrar si no hay ning n elemento seleccionado 10 Expande el elemento ListadoURL en el Editor de C digo y seleccio na el evento Change 11 Modifica el c digo para que sea como sigue If Me Text lt gt then URLsSeleccionado Text ListadoURL Text URLConectado Enabled True BorrarURL Enabled True Else BorrarURL Enabled False End if 12 Selecciona Proyecto gt Analizar Proyecto para comprobar si has cometido alg n error de sintaxis Corrige cualquier error y cuando todo est bien procede a probar la aplicaci n 13 Haz clic sobre el bot n Ejecutar B gt en la Barra de Herramientas Principal para probar la aplicaci n Cuando abras la aplicaci n puedes probar los mensajes de alerta insertados en cada bot n A continuaci n a ade un URL y com prueba c mo se comporta la aplicaci n 14 Cuando hayas terminado sal de la aplicaci n de prueba y vuelve al IDE de REAlbasic Si la Aplicaci n no Funciona Esta secci n presenta la instrucci n lf Else End if El Editor de C digo se enc
38. ottom 1 LS RbScript Tablndex 0 C Rectangle TabStop M RoundRectangle Aspecto Q y E 3 Visible M 8 ScrollBar E sl HelpTag o Separator oDeactivate M SS Serial Enabled M ServerSocket Border M o Slider ColumnCount 1 a SpotlightQuery l Nami HasHeading Q Aa StaticText UseFocusRing M PF TabPanel X InitialValue o TCPSocket herbes 5 IbarHoriz roda Sota WI O TextFie GridLinesHori 0 Default w 5 Thread A GridLinesVerti 0 Default Y Z Timer Y DefaultRowHe 1 a uDPSocket 2 Fuente a FL UnNawnArrows TextFont System bd Listbox1 Type Listbox y Tutorial REALbasic 12 Guarda el proyecto antes de que sigamos avanzando e Selecciona Archivo gt Guardar Ctrl S o Comando S y n mbralo Gestor URL De hecho en este punto ya puedes probar la aplicaci n Por su puesto no har nada dado que no hemos indicado a ninguno de los elementos de la interfaz qu es lo que deben hacer S lo por diversi n haz clic sobre el bot n Ejecutar B en la Barra de Herramientas Principal REALbasic compilar la aplicaci n y abrir su propia ventana La primera versi n de la aplicaci n deber a tener este aspecto Figura 12 La primera versi n de la aplicaci n 5 Nombre E Archivo Edici n parer Nombre Nombre En este estado los PushButton funcionan es decir puedes hacer clic sobre ellos y estos se seleccionar n aunque no har n nada dado que no hemo
39. que no existe Tutorial REALbasic 32 Deberiamos impedir que se pudiesen pulsar los botones salvo en los casos en los que se cumpla una condici n para hacerlo o como m nimo dar al usuario alg n tipo de explicaci n Selecciona Archivo gt Salir en Windows o Linux o MiAplicaci n debug gt Salir en Mac OS X para volver al IDE de REALbasic y selecciona la pesta a del editor correspondiente a Window En el rea de navegaci n del Editor de C digo abre el evento Ac tion del bot n Conectar Su contenido actual es ShowURL URLsSeleccionado Text Necesitamos que dicha instrucci n sea condicional de modo que la l nea se ejecute s lo en el caso de que haya texto en el EditField Por ahora tenemos que asumir que el usuario sabe c mo introducir un URL o direcci n de correo v lidos Modifica el c digo para que pase a ser If URLSeleccionado Text lt gt then ShowURL URLSeleccionado Text Else MsgBox Por favor introduzca un URL o direcci n de co rreo electr nico End if No hay ning n espacio entre las dobles comillas de la primera l nea o entre los signos de menor que y mayor que Este c digo comprueba en primer lugar si el contenido del EditField est vac o El simbolo lt gt significa no es igual a y las dos comi llas sin ning n contenido entre ellas especifica un texto vac o Esta instrucci n if si comprueba si el EditField no est vac o Si el EditField contie
40. r Linux Requiere de GTK 2 x Lenguaje Por omisi n Cancelar Antes de compilar una aplicaci n independiente puedes ajustar varias opciones Por ejemplo puedes cambiar el nombre de la apli caci n y compilar para otras plataformas Puedes seleccionar las plataformas para las que deseas compilar tu aplicaci n en el cuadro de di logo Ajustes de Compilaci n Selecciona Proyecto gt Ajustes de Compilaci n Aparecer el cuadro de di logo correspondiente a Ajustes de Compilaci n con tu plataforma seleccionada Figura 30 Cuadros de di logo de Ajustes de Compilaci n Linux Vista y Mac OS X Y Ajustes de Compilaci n sel l M Compilar para la plataforma actual Y Compilar para la plataforma actual l Mac OS X Bin Univ Mac OS X Intel Mac OS X PowerPC Mac OS X poccosccecesoososoccosocsococcccessosococoosososoocoe Mac OS X Mac OS X Intel Mac OS X PowerPC Windows 2000 y posterior Windows 2000 y posterior M d Linux Requiere de GTK 2 x Linux Requiere de GTK 2 x Por omisi n H Ew Lenguaje Por omisi n v Lenguaje e Cancelar Cancelar El cuadro de di logo de Ajustes de Compilaci n muestra en la l nea inferior la plataforma que se est utilizando actualmente Para Ma cintosh la selecci n por omisi n Binario Universal compila una Tutorial REALbasic 38 aplicaci n independiente que funciona de forma nativa tanto en los M
41. ramientas Principal La aplicaci n Gestor URL se abrir en una nueva ventana Introduce un URL en el EditField como por ejemplo http www realsoftware com y haz clic en el bot n Conectar Deber a abrirse tu navegador por omisi n para mostrar la p gina web correspondiente al URL introducido Cuando hayas terminado sal del entorno de depuraci n Archivo gt Salir en Windows y Linux MiAplicaci n debug gt Salir en Macin tosh para volver al IDE de REALbasic Si la Aplicaci n no Funciona En el caso de que REALbasic no haya sido capaz de ejecutar la aplicaci n en modo de depuraci n ser porque no habr recono cido alguno de los t rminos introducidos en el Editor de C digo Por ejemplo si has cometido alg n error al teclear ShowURL o Tutorial REALbasic 24 URLSeleccionado REALbasic se parar y te indicar el t rmino que no reconoce En vez de compilar y ejecutar la aplicaci n abri r una pesta a de problemas en el IDE Dicha pesta a te mostra r una l nea por cada uno de los problemas detectados Por ejem plo lo siguiente muestra un error de tecleo Figura 23 Un error de tecleo resulta en un t rmino que no recono cido REALbasic Sin t tulo L 623a Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda St l E F 7 G gt gt B e a Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar Proyecto 7 FAWindonwl E Window1 41
42. rat n sobre el EditField y arr stralo hacia su posici n en la ventana a mitad de camino entre los botones Borrar y Conectar observa la Figura 10 9 Alinea el margen izquierdo del EditField con el margen izquierdo del ListBox 10 Utiliza el manejador de selecci n central para acortar el EditField de modo que su margen derecho se alinee con el margen derecho del ListBox Tutorial REALbasic 11 Figura 10 Alineando el margen derecho del EditField con el ListBox y los PushButtons REALDAsIC gt in titulo Windowl Layou bala ea Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda Eo P Af Ewnis Ce Atr s Adelante Ejecutar Compilar A adir Marcador Ubicaci n Buscar F Windom Eal r A E l BE 5 Editar Orden de Tabulaci n ij Avanzar Eb Frente h Retroceder T Atr s SU 00o re ID a ka PagePanel a qE lt lt lt lt MMIMmMIH 7 gt 22 Placard ombre o O Es pas TextFieldi PopupArrow Super TextField Y C PopupMenu Scope 0 Public Y 159 PowerPointAppl i ProgressBar Left 20 p Top 324 rogressWheel Width 560 PushButton Height 22 187 RadioButton LockLeft RbScript LockTop a S LockRight C g LockBottom E C RoundRectangle Tabindex 4 ScrollBar TabStop Y ma Separator 8 Serial Border E S Socket Password E a oc UseFocusRi Y e gt haer TextColor Etat a SpotlightQuery BackColor a
43. recomillado el URL as como de comprobar que se trata de un URL v lido 5 Selecciona la aplicaci n Gestor URL y selecciona Archivo gt Salir en Windows o Linux o MiAplicaci n debug gt Salir en Mac OS X pa ra volver al IDE de REAlLbasic Tutorial REALbasic 22 Ahora necesitamos sustituir el texto utilizado con el comando ShowURL por el c digo que se refiere a los contenidos del EditField URLSeleccionado Dado que el nombre del EditField es URLSeleccionado quiz pienses que podr amos escribir ShowURL URLSeleccionado Pero eso no funcionar porque URLSeleccionado es el nombre del objeto propiamente dicho Dicho objeto tiene una buena canti dad de propiedades como su posici n sobre la ventana si emplea varias l neas de texto o s lo una si puede aceptar texto con estilos o no etc Si utilizas ShowURL URLSeleccionado REALbasic no sabr lo que quieres decir Adem s el comando ShowURL s lo acepta una cadena de texto y no un control Cuando necesitas referirte a una de las propiedades del objeto has de escribir el nombre del objeto seguido por un punto seguido por el nombre de la propiedad En otras palabras debes utilizar esta sintaxis nombredeobjeto nombredepropiedad veces se indica este tipo de sintaxis como notaci n de punto En este caso el EditField se llama URLSeleccionado y la propie dad del EditField que queremos utilizar es su propiedad Text Es to signif
44. s ayuda Figura 19 La barra de Consejos mostrando la sintaxis para ShowURL 1 7 REALbasic ShowURL Str As String Para probar este bot n introduce la siguiente l nea en el evento Action de ConectarURL ShowURL http www yahoo com Aseg rate de encerrar el URL entre comillas Las comillas indican que el texto contenido es una cadena en vez de un n mero o bien cualquier otro tipo de informaci n Tu Editor de C digo deber a mostrar el siguiente aspecto Figura 20 El c digo para el evento Action de ConnectURL Y REAL basic Sin t tulo Windowl Code o Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda gt eS A 169 Windowl ConectarURl Qr Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar 3 Proyecto X FAWindowl E Windowl BE E A adir Manejador de Men j A adir Constante i 3 5 Controles Sub Action ox BorrarURL ShowURL http www yahoo com 0K BorrarURL 0k ConectarURL Action Close A ConstructCo y ContextuallM Ly DragEnter Th DragExit DragOver DropObiect 1 29 REALbasic ShowURL Str As String Ly Tutorial REALbasic 21 3 Para probar el bot n Conectar haz clic sobre el bot n Ejecutar gt en la Barra de Herramientas Principal 4 Cuando aparezca la ventana de la aplicaci n haz clic sobre el bo t n Conectar Tras pocos segundos se ejecutar tu navegador web para mostrarte la p gina
45. s indicado a los PushButton qu deben hacer cuando se haga clic sobre ellos Puedes introducir texto en el EditField aunque no servir de mucho dado que no hay instruccio nes para procesar dicho texto Y el ListBox est preparado para mostrar los elementos pero aun no tenemos ning n modo de intro ducir texto en el ListBox todav a Advierte que la aplicaci n tambi n tiene los men s Archivo y Edi ci n En Windows y Linux el men Archivo tiene un elemento Salir Tutorial REALbasic 13 y que se encarga de salir de la aplicaci n y volver al IDE de REAL basic En el Mac OS X el elemento de men Salir se encuentra en el men de aplicaci n en vez de en el men Archivo El men Edici n contiene los elementos est ndar Deshacer Cortar Copiar Pegar Borrar y Seleccionar Todo Inicialmente estos ele mentos se encuentran desactivados pero puedes activarlos introdu ciendo y seleccionando texto en el EditField 2 Escribe alg n texto en el EditField y despliega a continuaci n el men Edici n Advierte que ahora aparece activado el elemento de men Selec cionar Todo del men Edici n 3 Selecciona Edici n gt Seleccionar Todo y selecciona a continuaci n Edici n gt Cortar Cuando cortas texto al Portapapeles se activa el elemento de men Pegar Todos los elementos est ndar del men Edici n funcionan sobre el texto sin que se necesario que los programes Ahora necesitamos volver al IDE de REALbasic para
46. t C LockLeft C LockTop 1 LockTop 1 LockTop E LockRight 1 LockRight 1 LockRight K LockBottom LockBottom LockBottom Tabindex 3 Tabindex 4 Tabindex 0 TabStop M TabStop M TabStop M Aspecto Aspecto Aspecto Caption Borrar Border M Visible M Default Password HelpTag Cancel UseFocusRing M AutoDeactivate M Enabled M TextColor Efdtititieinle e Enabled M Visible M BackColor Border M HelpTag Enabled ColumnCount 1 AutoDeactivate W Format ColumnWidths Fuente Visible HasHeading TextFont System HelpTag UseFocusRing M TextSize O AutoDeactivate M InitialValue Bold Fuente Headingindex 1 Italic A TextFont System ScrollbarHorizo Underline TextSize 0 ScrollBarVertical M Raid 4 Cridi inecHnrizn N Default w Bot n Borrar TextField ListBox Comprueba los cambios para asegurarte de que los elementos tie nen los nombres correctos Si existe un error ortogr fico en la pro piedad Name no funcionar el c digo que se refiera a dicho ele mento En el Editor de la Ventana los tres botones deber an aparecer con el siguiente aspecto Figura 17 Los tres controles PushButton una vez les hemos cambia do su nombre Borrar A adir Conectar 9 Selecciona Archivo gt Guardar para guardar los cambios 10 Haz clic en el bot n Ejecutar D de la Barra Principal de Herra mientas para probar la aplicaci n Tutorial REALbasic 18 No har
47. uplicar para crear una copia del PushButton y arrastra el PushButton verti calmente hacia arriba justo bajo el ListBox Suelta el bot n del ra t n cuando aparezca la gu a de alineaci n horizontal Figura 9 A adiendo el bot n Borrar REAL basic Sin t tulo Windowl Layout kodad Archivo Edici n Proyecto Ver Historia Marcadores Ventana Ayuda St db E qe z e gt 08 LE Windowl Dise o Q Atr s Ejecutar Compilar A adir Marcador Ubicaci n Buscar Proyecto FA Windowl B Li Editar Orden de Tabulaci n 4 Avanzar a Frente an Retroceder mn Atr s Controles Internos v a Propiedad Valor 0 BevelButton a ID Ea Canvas Nombre lo E Ea sa PushButton3 ET CheckBox Super PushButtonw ca ComboB Scope 0 Public Y Q DatabaseQ Posici y DataControl eo pa b Disclosure Triangl Width 80 ES ExcelApplication Height 22 CL GroupBox LockLeft ea HTMLViewer LockTop C ImageWell LockRight ckBottom Q Pcs ket Tablndex 3 Lin TabStop V E ListBox Aspecto MoviePla Caption Nomb Default m NotePlay Canet Sap OLEContainer Enabled OpenGLSurf Visible 25 Oval i HelpTag d Panpina AutoDeactiva de ai Fuente lacard TextFont Syste v Popup rr TextSize 5 PopupMe Bold PowerPointAppl Italic ss ProgressB PP Nombre Nombre Underline E ProgressWheel ox PushButto 2 RadioButt PushButton3 Type PushButton 8 En el panel Controles mant n pulsado el bot n del
48. utorial REALbasic 34 continuaci n queremos evitar que el usuario pueda usar los bo tones A adir o Conectar en el caso de que el EditField est vac o Expande el elemento URLSeleccionado en el Editor de C digo y selecciona el manejador correspondiente al evento TextChange en el rea del Navegador correspondiente al Editor de C digo El evento TextChange se ejecuta cada vez que se modifique el texto del EditField Queremos realizar una acci n basada en el estado del EditField justo despu s de que se haya modificado su texto En el caso de que el EditField est vac o desactivaremos estos dos bo tones y el usuario no podr utilizarlos Si por el contrario hay texto en el EditField activaremos los botones y haremos que el bot n Conectar sea el bot n por defecto El bot n por defecto tiene un contorno en torno a l en Windows y Linux y unos latidos en Mac OS X Introduce el siguiente c digo en el evento TextChange If Me Text lt gt then ConectarURL Enabled True ConectarURL Default True AnadirURL Enabled True Else ConectarURL Enabled False ConectarURL Default False AnadirURL Enabled False End if Algo que puedes advertir en este c digo es que la primera l nea utiliza el pronombre Me yo en vez del nombre del control Me siempre se refiere al control al que pertenece el c digo da do que est dentro del EditField URLSeleccionado Me se refiere a URLSeleccionado En
49. web introducida Esto por supuesto asumiendo que tu ordenador tenga conexi n a Internet y que tengas un navegador web por omisi n Figura 21 La p gina de inicio de Yahoo 600 Yahoo Espa a SOMO E TA ESP SEne YAHOO Ea 5 Esp A Web Im genes Videos Noticias Compras m s v Buscar Mi Yahoo Correo Yahoo Yahoo com Hoy en Yahoo Astrolog a y Correo Yahoo Entrar Le 2 z ES Cine D nde est mi coche gt lt Correo S A Coches Robert Pattinson la estrella de r 1 Compras Crep sculo ha perdido su coche y no 7 sabe c mo Se lo han robado fs Deportes 6 Orlando Bloom dejar de ser pirata Encuentros EM Im genes de Alicia en el pa s 3 Finanzas 00 Flickr Robert Pattinson no sabe he Aguirre pierde la paciencia d nde est su coche con Zapatero de POS Llegan las tele horteradas El video del accidente de Ga Juegos del verano Felipe Massa as Cargando http es yahoo com p us completado 60 de 64 elementos Por supuesto necesitamos modificar el c digo de modo que el texto pasado al comando ShowURL pueda ser introducido por el usuario durante el funcionamiento de la aplicaci n Cuando utilizamos ShowURL http www yahoo com ese particular URL est for zado Nota Si obtienes un mensaje de error de sintaxis comprueba que hayas escrito correctamente el nombre del comando ShowURL y de ha ber ent
50. yer El Editor de Dise o de Ventana est dividido en tres paneles El pa nel de la derecha es el panel de Propiedades y muestra las propie dades del elemento que est seleccionado en ese momento sobre el rea de Edici n de la Ventana En la Figura 4 est seleccionada la ventana de modo que el panel Propiedades muestra las propieda des correspondientes a la ventana El panel central es el rea de Edici n de la Ventana Aqu es donde dise as la ventana En la Figura 4 la ventana est vac a dado que Tutorial REALbasic 7 aun no has a adido ning n contenido sobre ella S lo muestra la ventana de documento por omisi n El panel de la izquierda es el listado de los controles que puedes a adir a una ventana Sobre el listado se encuentra un men des plegable y que se utiliza para filtrar el tipo de controles mostrados en el listado Cuando se elige la opci n Controles incorporados en dicho men se mostrar el listado correspondiente a los elemen tos de interfaz de serie en REALbasic como por ejemplo ListBox EditField PushButton y muchos otros A ades un control a una ven tana arrastr ndolo desde el listado hacia la posici n que deseas que ocupe sobre la ventana 1 En el panel Controles mant n pulsado el bot n del rat n sobre el elemento ListaBox y arr stralo a la esquina superior izquierda de la ventana en el rea de Edici n de la Ventana medida que l

Tutorial REALbasic

Contents

Download Pdf Manuals

Related Search

Related Contents