“Conocimiento Hardware>iPad

iPad Interface Builder Tutorial

2012/8/30
iPhone y iPad el desarrollo ha sido una fiebre del oro para los desarrolladores pequeños e independientes , y muchos desarrolladores que desee participar en la acción , entre ellos algunos de los cuales Mac programación es un nuevo y extraño esfuerzo. Quienes están familiarizados con Visual Studio puede querer aferrarse a sus sombreros , ya que Interface Builder de Apple , a pesar de que cubre los mismos objetivos , es una bestia completamente diferente y lejos de intuitivo a los utilizados para forma de hacer las cosas de Microsoft . Cosas que necesitará
Mac OS X Snow Leopard
XCode 3
iOS SDK 4
Mostrar más instrucciones
XCode Trabajo
1

Crear un nuevo proyecto en XCode haciendo clic en "Archivo" y "Nuevo proyecto ".
2

Seleccione la entrada "Application" en la pestaña " iOS" . Si usted no ve una ficha iOS, o si se llama " iPhone ", usted tendrá que actualizar su copia de XCode a por lo menos la versión 3 y descargue la última versión del SDK de iOS de Apple. Ambos son gratuitos para los propietarios de Mac OS X, pero se necesitarán al menos Mac OS X Snow Leopard para ejecutar la versión del SDK de iOS que incluye soporte iPad.

Seleccione "Aplicación basada en Windows " y asegurarse de que , en " producto ", es posible seleccionar la "iPad" o " universal . "
3

Haga clic en " archivo" y " Nuevo archivo " y , en "Clases de iOS ", selecciona la opción " clase UIViewController " . También debe verificar los requisitos para "iPad" e imágenes

Esto creará tres archivos "Crear documento XIB . "

Simpleui.h ( el archivo de encabezado )

simpleui . m ( el archivo de código )

simpleui.xib ( la interfaz de usuario )
4

clic " simpleui.h " para abrirlo. El código se verá así :

# import

@ interface simpleui : UIViewController {


} @ end
5

Editar la sección " @ ​​interface simpleui " para que se lea así:

@ interface simpleui : UIViewController {

UITextField * textInput ;

UILabel * label ;

NSString * name;

}

Como puede ver , esto define tres elementos de la interfaz de usuario : un campo de texto donde el usuario puede escribir texto , una etiqueta de texto se puede mostrar y una cadena oculta de mantener algunos datos de texto
6

Añada las siguientes líneas justo por debajo de las indicadas en el paso 5 , pero por encima de la " @ end . : "

@ property ( no atómica , retener ) IBOutlet UITextField * textInput ;

@ property ( no atómica , retener ) IBOutlet UILabel * label ;

@ property ( no atómica , copiar ) NSString * name;

- ( IBAction ) changeGreeting : (id ) del remitente ;

define tres propiedades. Los dos primeros son puntos de venta, o secciones de código diseñado para ser leído por Interface Builder . Lo siguiente es una copia simple de la cadena, y la última es una acción InterfaceBuilder llamado " changeGreeting . " Este será un método que Interface Builder puede enviar al resto del programa
7

Open " simpleui.m " ahora y agregue el código siguiente justo debajo de la " @ implementation " línea : .

@ sintetizar textInput ;

@ label sintetizan ;

@ sintetizar nombre ;

dice XCode genere " getters y setters " el repetitivo para todos estos objetos .
8

Agregue el código siguiente al método " dealloc " existente:

[ versión textInput ] ;

[ versión label] ;
< p > [ versión name] ;

[super dealloc ] ;

Este dice XCode que cuando llega el momento de cerrar el programa , tendrá que liberar la memoria en poder de la interfaz de usuario elementos .
9

Agregue el código siguiente a la " simpleui.m " file:

- ( IBAction ) changeGreeting : (id ) { remitente

auto . name = textInput.text ;

NSString * nameString = nombre ;

if ( [ nameString longitud ] == 0 ) {

nameString = @ " Billy Bob" ;

}

NSString * greeting = [ [ NSString alloc ]

initWithFormat : @ "Hola , mi nombre es% @" , nameString ] ;

label.text = saludo ;

[ comunicado de saludo ] ;

}

- ( BOOL ) textFieldShouldReturn : ( UITextField *) theTextField

{ if ( theTextField textInput == ) {

[ textInput resignFirstResponder ] ;

}

regreso YES;

}

Esto define una changeGreeting acción que recibe el nombre del usuario y la escupe de vuelta a él con un mensaje simple saludo
10

Abra el archivo " AppDelegate.h " y agregue el código siguiente a la misma: .
< p > @ property ( no atómica , retener ) simpeui * viewController ;
11

Agregue el código siguiente al archivo " AppDelete.m ":

@ sintetizar viewController ;
< p > - (void ) applicationDidFinishLaunching : ( UIApplication *) aplicación {

punto para la personalización //Reemplazar después de inicio de la aplicación

SimpleUIViewController * aViewController = [ [ SimpleUIViewController alloc ]

initWithNibName : @
paquete

" simpleui ": [ NSBundle mainBundle ] ] ;

self.viewController = aViewController ;

[ aViewController liberación ] ;

[Ventana addSubview : [view viewController ] ] ;

punto para la personalización después de inicio de la aplicación

[Ventana makeKeyAndVisible //Reemplazar ] ;

}

Esto le indica al aplicación principal de su clase " viewController " y indica que debe mostrar el controlador de vista después de la aplicación termina de lanzamiento. Ahora has terminado de codificar su placa de la caldera y se puede abrir el Generador de Interfaz .
Interface Builder Trabajo
12

doble clic en el archivo " simpleui.xib " e interfaz Constructor se abrirá. Verá una vista en blanco que se parece a un iPad.
13

Haga clic en " Herramientas" y "Library ". Encontrar la "Etiqueta " y arrastrarlo a su aplicación. Este será el lugar donde aparece el saludo , y es la misma que la etiqueta que definió en el paso 6 . A continuación, arrastre la vez un botón y un campo de texto en el formulario. Cualquiera de los estilos del botón hará.
14

Haga doble clic en la etiqueta para que el texto se resalta y pulsa la tecla de "retroceso " para borrar el texto. A continuación, haga doble clic en el campo de texto y escriba " Ingrese su nombre. " Por último , haga doble clic en el botón y escriba " Saludo ".
15

Cierre la "Biblioteca " y haga clic en "Herramientas" y "Conexiones Inspector . " Este es el último paso , debe establecer conexiones entre los elementos de la interfaz de usuario y el código que usted escribió anteriormente en el tutorial
16

Haga clic en la entrada " Dueño del Archivo" en el cuadro Proyecto XIB y mirar . el "Conexiones Inspector . " Verá tres conexiones que necesita : etiqueta, textInput y changeGreeting . Haga clic en el pequeño círculo junto a la etiqueta y se arrastra sobre la etiqueta en la interfaz de usuario. Haga lo mismo para la introducción de texto , ir al campo de texto. Y una última vez para el " changeGreeting , " ir al botón.

Press " Build and Go " en el menú archivo para iniciar la aplicación .

iPad
¿Cuál es el mejor sustituto de Photoshop para iPad?
¿Apple reemplaza su ipad de reemplazo?
AppleCare para el iPad de Apple
¿Qué sucede si reemplaza una pantalla de iPad mientras está encendido?
¿Cómo se agrega contactos a su iPad 2?
¿Cómo colocar libros electrónicos en un iPad
¿Pueden los maestros obtener iPads para un descuento?
¿Es un iPad una computadora personal?
Conocimiento de la computadora © http://www.ordenador.online