Share via

4.4 NineGrid Examples

  • Article

The following diagram illustrates how a NineGrid bitmap can be resized when it is rendered. The NineGrid Bitmap Information (section 2.2.2.2.1.3.4.1) structure defines the grid layout, specifically the sizes of the LeftWidth, RightWidth, TopHeight, and BottomHeight constants.

Expansion of a NineGrid bitmap

Figure 18: Expansion of a NineGrid bitmap

The following diagram illustrates how a source bitmap in the NineGrid Bitmap Cache (section 3.1.1.1.6) is clipped and then modified using a NineGrid transformation to produce a final image in a destination rectangle.

Illustration of Draw NineGrid Primary Drawing Order

Figure 19: Illustration of Draw NineGrid Primary Drawing Order

The DrawNineGrid (section 2.2.2.2.1.1.2.21) and MultiDrawNineGrid (section 2.2.2.2.1.1.2.22) Primary Drawing Orders are used to render NineGrid bitmaps that have been stored in the NineGrid Bitmap Cache using the Create NineGrid Bitmap (section 2.2.2.2.1.3.4) and Stream Bitmap Orders (section 2.2.2.2.1.3.5).