[Summary view] [Print] [Text view]

   1  <?php
   2  
   3  final class PHUIImageMaskExample extends PhabricatorUIExample {
   4  
   5    public function getName() {
   6      return 'Image Masks';
   7    }
   8  
   9    public function getDescription() {
  10      return 'Display images with crops.';
  11    }
  12  
  13    public function renderExample() {
  14  
  15      $image = celerity_get_resource_uri('/rsrc/image/examples/hero.png');
  16      $display_height = 100;
  17      $display_width = 200;
  18  
  19      $mask1 = id(new PHUIImageMaskView())
  20        ->addClass('ml')
  21        ->setImage($image)
  22        ->setDisplayHeight($display_height)
  23        ->setDisplayWidth($display_width)
  24        ->centerViewOnPoint(265, 185, 30, 140);
  25  
  26      $mask2 = id(new PHUIImageMaskView())
  27        ->addClass('ml')
  28        ->setImage($image)
  29        ->setDisplayHeight($display_height)
  30        ->setDisplayWidth($display_width)
  31        ->centerViewOnPoint(18, 18, 40, 80);
  32  
  33      $mask3 = id(new PHUIImageMaskView())
  34        ->addClass('ml')
  35        ->setImage($image)
  36        ->setDisplayHeight($display_height)
  37        ->setDisplayWidth($display_width)
  38        ->centerViewOnPoint(265, 185, 30, 140)
  39        ->withMask(true);
  40  
  41      $mask4 = id(new PHUIImageMaskView())
  42        ->addClass('ml')
  43        ->setImage($image)
  44        ->setDisplayHeight($display_height)
  45        ->setDisplayWidth($display_width)
  46        ->centerViewOnPoint(18, 18, 40, 80)
  47        ->withMask(true);
  48  
  49      $mask5 = id(new PHUIImageMaskView())
  50        ->addClass('ml')
  51        ->setImage($image)
  52        ->setDisplayHeight($display_height)
  53        ->setDisplayWidth($display_width)
  54        ->centerViewOnPoint(254, 272, 60, 240)
  55        ->withMask(true);
  56  
  57      $box1 = id(new PHUIObjectBoxView())
  58        ->setHeaderText(pht('Center is in the middle'))
  59        ->appendChild($mask1);
  60  
  61      $box2 = id(new PHUIObjectBoxView())
  62        ->setHeaderText(pht('Center is on an edge'))
  63        ->appendChild($mask2);
  64  
  65      $box3 = id(new PHUIObjectBoxView())
  66        ->setHeaderText(pht('Center Masked'))
  67        ->appendChild($mask3);
  68  
  69      $box4 = id(new PHUIObjectBoxView())
  70        ->setHeaderText(pht('Edge Masked'))
  71        ->appendChild($mask4);
  72  
  73      $box5 = id(new PHUIObjectBoxView())
  74        ->setHeaderText(pht('Wide Masked'))
  75        ->appendChild($mask5);
  76  
  77      return phutil_tag(
  78        'div',
  79          array(),
  80          array(
  81            $box1,
  82            $box2,
  83            $box3,
  84            $box4,
  85            $box5,
  86          ));
  87    }
  88  }