Exemples de programmation PHP et MySql Exemple programmation objet

POO : Exemple 2

Je vous propose 2 classes d'habillage graphique utilisant la bibliothèque gd2 de PHP4.3.
Cet exemple est basique. Vous pourrez l'améliorer.
L'inconvénient fondamental réside dans la consommation des ressources du serveur car les objets sont recréés à chaque ouverture de page.

Etape 1 : Fichier de Définition des classes

/*---------------------------------------------------------------------
		Fichier class-button.php
	Copyright © 2003 - Jean-Paul Molina Tous droits réservés.
-----------------------------------------------------------------------*/
 <?
// appel d'une bib où les couleurs sont affectées avec ImageColorAllocate
include ("colorlib.php"); 
// couleurs hexa par défaut
define('DARKBLUE' , '00008B' );
define('LIGHTSKYBLUE', '87CEFA' );

/*--------------------------------------------------------------------------
		classe roundButton
		---------------------
Objectif :
	tracer un bouton avec coins arrondis, ombre et étiquette

Syntaxes possibles Constructeur :
  utilise les valeurs par défaut 
	( largeur 160, hauteur 40, couleurs : bordure darkblue, fond lightskyblue )
	$b = new roundButton("Envoyer");
  utilise les valeurs par défaut sauf largeur 100
	$b = new roundButton("Effacer",100);
  utilise les couleurs par défaut  (avec largeur 100 , hauteur 50 )
	$b = new roundButton("Actif", 100,50); 
  utilise la couleur de fond par défaut  
	(avec largeur 100 , hauteur 50 , couleur bordure ABCDEF)
	$b = new roundButton("Actif", 100,50, 'ABCDEF'); 
  valeurs utilisateur
	$b = new roundButton("Actif", 100,50, 'ABCDEF', 'CCCCCC'); 
Remarques :
  1 - Du fait de la possibilité de changer certaines valeurs internes,
     il faudra faire suivre $b = new ....  par les appels de fonction de modif
     avant de finir par   $b->display();

2 - la représentation des coins n'est pas trés jolie ( pas d'antialiasing! )
---------------------------------------------------------------------------------*/
class roundButton
{
		// paramêtres par défaut
	var $w;			 // largeur
	var $h;			 // hauteur
	var $ep = 2;    		 // épaisseur trait
	var $r = 5;		 // rayon coin
	var $dx = 3;		// décalage x ombre
	var $dy=3;		// décalage y ombre
	var $hexabordercolor;	// couleur hexa de la bordure	
	var $bordercolor;		// couleur RGB bordure
	var $bgcolor;		// couleur RGB fond
	var $shadowcolor;	// couleur ombre
	var $image;
	var $label;		// texte étiquette

/////////////////////////// Constructeur /////////////////////////////////////
	function roundButton($xlabel, $xw=160, $xh=40, $xbordercolor=DARKBLUE, $xbgcolor=LIGHTSKYBLUE )
	{
		$this->label = $xlabel;
		$this->w = $xw +$this->dx;
		$this->h = $xh+$this->dy;
		$this->image = imageCreate($this->w, $this->h);
		$gray = lightgray($this->image);		// couleur arrière-plan par défaut
		imageColorTransparent($this->image, $gray);	// transparente

// stocke la valeur hexa
	   	$this->hexabordercolor = $xbordercolor;

// alloue la couleur de bordure de bouton
		$this->bordercolor = $this->getRGBcolor( $xbordercolor );
			// alloue la couleur du fond du bouton
		$this->bgcolor = $this->getRGBcolor( $xbgcolor );
			// alloue la couleur de l'ombre
		$this->shadowcolor = ImageColorAllocate($this->image,0,0,0); // noir
	}
	/*///////////////////////////////////////////////////
		récupère RGB d'une couleur hexa
	///////////////////////////////////////////////////*/
	function getRGBcolor( $hexcolor )
	{
		   	// récupère couleurs
		   $r = hexdec( $hexcolor[0].$hexcolor[1] );
		   $g = hexdec( $hexcolor[2].$hexcolor[3] );
		   $b = hexdec( $hexcolor[4].$hexcolor[5] );
		   return imageColorAllocate($this->image,$r,$g,$b);
	}
	/*/////////////////////////////////////////////////
			image rectangulaire arrondie
	/////////////////////////////////////////////////*/
	function ImageRoundRect($x1,$y1,$x2,$y2,$bccolor,$bgcolor) 
	{	// arc en sens horaire !!!
	  $rayon = $this->r;
	  $diam = ($rayon*2);
		// coin haut gauche
	  ImageArc($this->image, $x1+$rayon, $y1+$rayon,$diam, $diam,180,270,$bccolor );
		// coin haut droit
	  ImageArc($this->image, $x2-$rayon, $y1+$rayon,$diam,$diam,270,360,$bccolor);
		//coin bas droit
	  ImageArc($this->image, $x2-$rayon, $y2-$rayon,$diam, $diam,0,90,$bccolor);
		// coin bas gauche
	  ImageArc($this->image, $x1+$rayon, $y2-$rayon,$diam,$diam,90,180,$bccolor);
		// ligne horiz haut
	  ImageLine($this->image, $x1+$rayon, $y1, $x2-$rayon, $y1, $bccolor);
		// ligne verticale droite
	  ImageLine($this->image, $x2, $y1+$rayon,$x2, $y2-$rayon, $bccolor);
		//ligne horiz bas
	  ImageLine($this->image, $x1+$rayon, $y2,$x2-$rayon, $y2, $bccolor);
		//ligne verticale gauche
	  ImageLine($this->image, $x1, $y1+$rayon,$x1, $y2-$rayon, $bccolor);
		// remplissage
	  ImageFillToBorder ($this->image, $x1+$rayon, $y1+$rayon, $bccolor,$bgcolor);
	}
	/*//////////////////////////////////////////
			affichage étiquette
	//////////////////////////////////////////*/
	function displayLabel()
	{
	  $font = 5;	// police prédéfinie
	  $start_x = ( imageSX($this->image) - $this->dx - (strlen($this->label)*imageFontWidth($font))  ) /2;
	  $start_y =  ( imageSY($this->image) - $this->dy - imageFontHeight($font) ) / 2;
			//avec JPEG il faut imageColorClosest au lieu de imagecolorallocate
    	  imagestring($this->image,$font,$start_x, $start_y,$this->label,$this->bordercolor);
	}
	/*/////////////////////////
		affichage général
	/////////////////////////*/
	function display()
	{
	  $xx = $this->ep+$this->dx;
	  $yy = $this->ep+$this->dy;
		// épaisseur du trait
	  imagesetthickness($this->image, $this->ep);
		// ombre
	  $this->imageRoundRect($xx,  $yy,
				$this->w-$this->ep,
				$this->h-$this->ep,
				$this->shadowcolor, $this->shadowcolor );
		// bouton
	  $this->imageRoundRect($this->ep, $this->ep,
				$this->w-$xx,
				$this->h -$yy,
				$this->bordercolor, $this->bgcolor );
		// étiquette
	  $this->displayLabel();

header("Content-type: image/png");  
	  imagePng( $this->image ); 
	}
	// fonctions de modification de valeurs internes
	/////////////////////
	function setRadius( $x )
	{	$this->r = $x;	}
	/////////////////////
	function setThickness( $x )
	{	$this->ep = $x;	}
	/////////////////////
	function setdx( $x )
	{	$this->dx = $x;	}
	/////////////////////
	function setdy( $y )
	{	$this->dy = $y;	}
	//////// destructeur //////////////
	function _roundButton()
	{	imagedestroy($this);	}
	////////////////////
}
// enregistre le destructeur
@registershutdown_function('_roundButton' );

Etape 2 : Fichier de Création des objets

La création d'images dynamiques fait appel à la fonction header.
Or, cette fonction doit être appelée avant la première balise HTML, et avant n'importe quel envoi de commande PHP.
Autrement dit, rien ne doit être envoyé au navigateur avant l'emploi de cette fonction.
Pas même un espace ou une ligne vierge !
D'où la nécessité de procéder comme suit :

Etape 3 : Page HTML

Et pour terminer, voici à titre d'exemple, une page html dans laquelle vous trouverez la syntaxe de création dynamique de boutons.

Evolution

On pourrait prévoir une gestion d'événements associés au bouton.
Par exemple, on déclarerait dans la classe une variable $event, ainsi qu'une fonction qui pourrait être comme suit :

function sendEvent()
{ if ( !empty( $this->event) ) call_user_function( $this->event); }

A l'extérieur de la classe, on pourrait définir des fonctions de gestion d'événement.
Par exemple :
function SendForm()
{ ....... }

Ce qui fait que l'on aurait :
$b = new roundButton('Envoyer le formulaire');
$b->event = 'SendForm';
$b->display();

... et quelque part dans la validation du formulaire
$b->sendEvent();

Bien sûr, on pourrait créer une méthode plus élaborée.

Page de Jean-Paul Molina

Matières

Ressources

Conception assistée

Langages

Flash

Systèmes

Réseaux sociaux

POO : Exemple 2