最代码广告位
丶男儿当自强的gravatar头像
丶男儿当自强2015-05-18 20:39:47

java Swing界面优化Jpanel教程

讲解不够详细,大家可以转到 http://www.iteye.com/topic/1138101

上次给大家分享的一个模仿QQ的项目,由于是业余爱好,所以里面代码写的比较乱,导致大家看起来很费力,正好这两天无事,给大家逐步解析一下碰到的一些界面优化上的亮点兼难点。

我还是比较喜欢图文并茂的方式来进行描述,这样看起来比较易懂,这也导致内容会很长,大家多多包涵

这里选择Jpanel来进行解说,是因为Jpanel基本上无处不在,任何一个窗体里面都有它的身影,大家弄明白了之后其他的组件就直接套用这个思路即可。

简单说一下思路:

1、加上背景图片;

2、去掉窗体默认边框;

3、添加自定义功能按钮;

4、窗体的缩放、背景的切换。

完成这几点,基本上一个漂亮的界面就完成了,在这四点的过程中,第二点、第三点估计大家都会,也很简单,需要我们自定义按钮以及自定义算法,第一点和第四点中,第一点估计大家很多人都会,只需要调用一下paintComponent方法,第四点也是需要调用paintComponent方法,但是考虑到动态,我们还需要调用一下repaint方法。

好了,不啰嗦了,直接上图看效果

自定义按钮并实现其功能:

java Swing界面优化Jpanel教程

缩放:

由于去掉了原始边框,所以自带的缩放功能也没有了,所以我们需要自己实现

java Swing界面优化Jpanel教程

背景切换:

类似于QQ换肤的效果,这里为了方便,直接放置了几个按钮,大家看看就好,5张图片切换,只放几张看看效果

java Swing界面优化Jpanel教程

java Swing界面优化Jpanel教程

java Swing界面优化Jpanel教程


打赏

文件名:course.rar,文件大小:318.11K下载
  • /
      • /course
        • /course/.classpath
        • /course/.project
          • /course/image
            • /course/image/back0.png
            • /course/image/back1.png
            • /course/image/back2.jpg
            • /course/image/back3.jpg
            • /course/image/back4.jpg
            • /course/image/close.png
            • /course/image/close_active.png
            • /course/image/max.png
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友