tailieunhanh - advanced Flex Application Development Building Rich Media X phần 4

, và thường cảm thấy nhàm chán và cũ so với các trang web khác với ngay lập tức đăng tải. Thay thế để người điều hành phê duyệt ban đầu là, như tôi đã đề cập, làm cho người dùng tạo ra nội dung công chúng ngay lập tức. Nhưng làm thế nào để bạn kiểm soát chất lượng, | STYLING FLEX scaleGridBottom 160 scaleGridLeft 10 scaleGridRight 203 Bindable private var panelBg Class mx Script mx Canvas backgroundImage panelBg backgroundSize 100 width 100 height 100 mx Panel title Main Panel titleStyleName myTitleStyle width 100 height 100 backgroundAlpha 0 dropShadowEnabled false borderAlpha 0 mx Text styleName myFirstStyle text Hello Friends of Ed mx Text text CSS is neat mx Panel mx Canvas mx Application The scale 9 grid applied produces what you see in Figure 5-7 with the header and corners of the image intact. Figure 5-7. The image header is now intact. The Panel can be resized and the header stays the same height corners are rounded and everything else scales properly. For this example you ve learned how to apply an image using scale 9 properties to define how it should scale when stretched to a Canvas component. However the scale 9 feature can be used anywhere in any of the Flex components that allow skinning. For example if you want to apply the same background we applied to a Button component you would need to set the overSkin and upSkin CSS 133 CHAPTER 5 properties which are accessible for the Button component from within your MXML and would apply the image using the scale 9 properties. Obviously the asset is not meant to be used in a button so the image will not look very attractive but you could use the asset with its scale 9 properties if you desired. Let s look back at the SkinnedButton class earlier in this chapter. If the button needed to be scaled the asset applied would warp because it does not have a scale 9 grid applied to define its scaling behavior. Taking the SkinnedButton class to the next level you can apply a scale 9 grid to the assets for the button. The changes would look like this package . Bindable public class AssetLib Embed source scaleGridTop 6 scaleGridLeft 6 scaleGridRight 16 scaleGridBottom 14 public static var buttonUpImage Class Embed source scaleGridTop