Vidéo: Dessiner avec Krita et un conseil très important en dessin #TUTORIEL 2025
L'utilisation des contrôles intégrés pour définir l'interface utilisateur de votre application iOS est amusante et facile. Cependant, il existe une méthode de retour à l'essentiel pour dessiner votre interface utilisateur dans une vue en utilisant l'infrastructure iOS Quartz Graphics qui vous offre une capacité graphique 2D, comme illustré dans le dessin de la carte Tic-Tac-Toe.
Pour voir un exemple d'utilisation de graphiques 2D, reportez-vous à la classe Board (fichiers TTTBoard.m et.h). Le fichier d'interface de la classe Board est affiché ici:
@interface TTTBoard: UIView {…} … -d
Notez que la méthode drawRect est surchargée sur la classe View de base, comme indiqué ici:
// Code de dessin - (void) drawRect: (CGRect) rect {int gridSize = TTTBOARDSIZE; UIBezierPath * drawingPath = [UIBezierPath bezierPath]; // dessine des lignes verticales pour (int i = 0; i <= 3; i ++) {int x = TTTBOARDLOCATIONINVIEWX + [self getWidth] * i; [drawingPath moveToPoint: CGPointMake (x, TTTBOARDLOCATIONINVIEWY)]; [drawingPath addLineToPoint: CGPointMake (x, TTTBOARDLOCATIONINVIEWY + gridSize)];} // dessine des lignes horizontales pour (int j = 0; j <= 3; j ++) {int y = TTTBOARDLOCATIONINVIEWY + j * [self getHeight]; [drawingPath moveToPoint: CGPointMake (TTTBOARDLOCATIONINVIEWX, y)]; [drawingPath addLineToPoint: CGPointMake (TTTBOARDLOCATIONINVIEWX + gridSize, y)];} [[UIColor redColor] setStroke]; [dessinPath stroke]; // Dessine les symboles float offsetX = 0; float offsetY = 0; pour (int i = 0; i
Les lignes relatives au dessin graphique 2D sont extraites de la méthode, comme indiqué ici:
UIBezierPath * drawingPath = [UIBezierPath bezierPath]; … [drawingPath moveToPoint: CGPointMake (TTTBOARDLOCATIONINVIEWX, y)]; [drawingPath addLineToPoint: CGPointMake (TTTBOARDLOCATIONINVIEWX + gridSize, y)]; … [[UIColor redColor] setStroke]; [dessinPath stroke]; … [imageSelected drawAtPoint: CGPointMake (offsetX, offsetY)];
Tout d'abord, la classe UIBezierPath vous permet de définir un chemin composé de segments de ligne. Les méthodes utilisées ici pour ajouter des segments de ligne sont moveToPoint et addLineToPoint. Ensuite, la couleur du stylo est définie en utilisant setStroke; la ligne est ensuite rendue en utilisant la méthode stroke.Enfin, la dernière instruction - [imageSelected drawAtPoint: CGPointMake (offsetX, offsetY)]; - Dessine une image (dans ce cas, l'un des symboles Tic-Tac-Toe, y compris le symbole Blank) sur la grille.
