丶男儿当自强的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
最代码最近下载分享源代码列表最近下载
yeyuantao  LV6 2023年3月1日
1265260263  LV4 2022年4月8日
1602177575  LV14 2020年1月17日
hairys  LV2 2019年8月25日
yechenming  LV9 2019年8月8日
sabozhang  LV6 2019年7月17日
1324488732  LV27 2018年12月27日
zgx1006914666  LV9 2018年5月22日
ly伴夏  LV10 2018年4月6日
wkk_520  LV8 2017年12月12日
最代码最近浏览分享源代码列表最近浏览
lshlsh 2023年12月25日
暂无贡献等级
wanglinddad  LV55 2023年12月18日
Sutnuf 2023年11月27日
暂无贡献等级
yangxb2  LV10 2023年10月20日
漫步的海星  LV4 2023年8月25日
yeyuantao  LV6 2023年3月1日
yohohero  LV1 2023年1月15日
喃喵xxxx  LV6 2022年5月13日
1265260263  LV4 2022年4月8日
rogerShen 2022年3月17日
暂无贡献等级
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友