Swing杂记:引入Android的NinePatch技术

开发 后端
本文诣在展示如何在Swing中引入Android的NinePatch技术(Android早期有文章里中文译作九格图,暂且这么叫吧^_^,但此术非传统移动手机上的功能布局——九格图哦)。

【摘 要】

本文诣在展示如何在Swing中引入Android的NinePatch技术(Android早期有文章里中文译作九格图,暂且这么叫吧^_^,但此术非传统移动手机上的功能布局——九格图哦)。

 

【准备篇】

Q:何为Android的NinePatch技术?

A:说简单点,就是Android平台中用于对图片据屏幕大小进行自动拉伸的技术。更准确的介绍详见此文:http://www.yixieshi.com/ucd/9142.html。

NinePatch技术本身虽微不足道,但它对于Android的UI定制开发来说无疑是相当有价值的。也可直接看官方指南:http://developer.android.com/guide/developing/tools/draw9patch.html。

 

Q:NinePatch对Swing意味着什么?

A:利用NinePatch技术,比如:你在美化Swing的按钮UI时,再也不用根据不同的按钮大小准备不同的图片了,一张图片解决不同按钮按各自大小自动拉伸填充的问题,多么神奇!

当然,如果你对Android的程序比较熟,或者说对android的程序外观定制比较熟的话,你将会更清楚这一点——Swing的外观定制能力将会因此变的无比灵活和强大,

很多不可能将成为现实。Android程序的外观定制其实有点Java标准平台换肤技术Synth的影子,但显然,这个聪名的小改进,使得Android的外观定制比Swing更容易、更灵活。

 

Q:Android平台的NinePatch技术可以直接拿到Java标准平台上使用?

A:没错,两个java平台除去UI部份外,本身有很大一部分是可以互相兼容的,具体情况请了解android平台java技术的前世今生。

 

Q:从何处获得Android平台的NinePatch技术呢?

A:NinePatch技术的核心只有3到4个类,拿过来用就可以了,源码地址可以在此链接找到:

http://www.java2s.com/Open-Source/Android/android-core/platform-sdk/com.android.ninepatch.htm,我打好的包稍

后可以在附件里下载哦。

 

【准备好.9.png图片】

本图片将使用NinePatch技术作为演示代码中的一JPanel背景进行自动填充之用,用不同的2张图是为了方便进行效果展示:

 

【测试代码】

  1. package jb2011.t;  
  2. import java.awt.BorderLayout;  
  3. import java.awt.Graphics;  
  4. import java.awt.Graphics2D;  
  5. import java.awt.Rectangle;  
  6. import java.io.InputStream;  
  7.  
  8. import javax.swing.BorderFactory;  
  9. import javax.swing.JButton;  
  10. import javax.swing.JFrame;  
  11. import javax.swing.JPanel;  
  12. import javax.swing.SwingUtilities;  
  13.  
  14. import com.android.ninepatch.NinePatch;  
  15.  
  16. /**  
  17.  * 本类用于测试从Android中引入的NinePatch(九格图)技术的可行性.  
  18.  *   
  19.  * @author jb2011@163.com  
  20.  * @version 1.0  
  21.  */ 
  22. class Test extends JPanel  
  23. {  
  24.     //NinePatch作为全局对象,提高性能  
  25.     private NinePatch mPatch;  
  26.       
  27.     public Test()  
  28.     {  
  29.         super (new BorderLayout());  
  30.  
  31.         //*** 关键代码:读取9格图 START  
  32.         try{  
  33.             InputStream stream = this .getClass().getResourceAsStream(  
  34. //                    "content_bg2.9.png"  
  35.                     "content_bg3.9.png" 
  36.                     );  
  37.             mPatch = NinePatch.load(stream, true /* is9Patch*/, false /* convert */);  
  38.         }  
  39.         catch (Exception e){  
  40.             e.printStackTrace();  
  41.         }  
  42.         //*** 关键代码:读取9格图 END  
  43.           
  44.         //加入一个面板,用于演示  
  45.         JPanel p = new JPanel();  
  46.         p.setBorder(BorderFactory.createEmptyBorder(20202020));  
  47.         //该面板设置成背景透明  
  48.         p.setOpaque(false);  
  49.         this.add(p);  
  50.           
  51.         //加入演示组件  
  52.         p.add(new JButton("JButton 1"));  
  53.         p.add(new JButton("JButton 2"));  
  54.         p.add(new JButton("JButton 3"));  
  55.         p.add(new JButton("JButton 4"));  
  56.     }  
  57.  
  58.     /**  
  59.      * 重写父类方法,以便实现自定义背景的绘制.  
  60.      */  
  61.     @Override protected void paintComponent(Graphics g)   
  62.     {  
  63.         Graphics2D g2 = (Graphics2D) g;  
  64.         Rectangle clip = g2.getClipBounds();  
  65.           
  66.         //*** 关键代码:使用9格图 START  
  67.         //使用9格图绘制面板的背景  
  68.         mPatch.draw(g2, clip.x, clip.y, clip.width, clip.height);  
  69.         //*** 关键代码:使用9格图 END  
  70.     }  
  71.       
  72.     public static void main(final String[] args)  
  73.     {  
  74.         SwingUtilities.invokeLater(new Runnable() {  
  75.             public void run() {  
  76.                 JFrame frame = new JFrame();  
  77.                 frame.setContentPane(new JPanel(new BorderLayout()));  
  78.                 ((JPanel)frame.getContentPane()).setBorder(BorderFactory.createEmptyBorder(5,5,5,5));  
  79.                 frame.getContentPane().add(new Test(), BorderLayout.CENTER);  
  80.                 frame.setSize(300,250);  
  81.                 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);  
  82.                 frame.setLocationRelativeTo(null);  
  83.                 frame.setVisible(true);  
  84.             }  
  85.         });  
  86.     }  

【运行效果图】

 

【附件下载】

测试代码完整Eclipse3.5.2工程(含NinePatch的jar包哦):

http://files.cnblogs.com/jb2011/jb2011blog_testNinePatch.rar

【最后再啰嗦几句】

潜水了很多年,得益于许多无私网友的奉献,越发觉得很有必要与人分享一些东西。接下来将陆续写出“Swing整容”系列文章,希望对需要的人有用,但因水平确实有限,不喜者还请勿喷,多谢。

有人说,Swing很丑,这话没错,但Swing真的没救了?答案当然是否定的。以下2张图是近期为一款产品设计开发的全新外观,接下来的文章将会与它们有关,谢谢关注。


(图1,没错,这是Swing的界面哦,半透明立体阴影边框这张图上看不出明显效果)


图2,这也是Swing的界面哦

“民工甲”的“Swing三刀”系列文章给了我最近一次Swing美化工作的部分灵感,非常感谢作者的无私,文章地址是:http://joshuaxiao.iteye.com/blog/707514。

“WilliamChen”的Swing技术文章也是相当不错,可惜多年不更新了,有兴趣的朋友可以去围观哦,http://blog.sina.com.cn/swingjava。

原文链接:http://www.cnblogs.com/jb2011/archive/2012/05/02/2479002.html

【编辑推荐】

  1. Swing中使用方向键移动图片  
  2. Java图形界面开发:高级Swing容器(三)  
  3. Java图形界面开发:高级Swing容器(二)  
  4. Java图形界面开发:高级Swing容器(一)  
  5. Java图形用户界面:高级组件综合例子  
责任编辑:林师授 来源: jb2011的博客
相关推荐

2009-07-10 14:41:57

Swing技术

2009-07-09 11:55:17

Swing模型过滤

2009-07-14 14:00:47

iData技术

2009-07-15 15:35:59

Swing程序Swing性能

2017-02-08 13:33:34

AndroidJavaPhp

2009-07-09 13:44:22

Swing动态界面设计

2020-12-28 19:30:27

可穿戴技术工业4.0物联网

2021-05-13 19:16:43

物联网建筑技术IOT

2009-07-15 11:02:32

Swing组件

2009-07-14 15:01:02

AWT和Swing

2009-07-14 17:21:42

Swing组件

2009-09-18 14:40:45

HTML 5技术

2009-07-16 08:53:03

Swing任务Swing线程

2009-07-04 15:59:56

传输网络ASON

2009-07-17 17:16:44

Swing实现的目标

2009-07-17 11:30:44

Swing Image

2009-07-10 11:25:48

Swing应用数据验证

2009-07-16 16:46:39

Swing窗体

2009-07-10 16:29:32

Swing组件

2009-11-06 10:23:19

PTN接入技术
点赞
收藏

51CTO技术栈公众号