Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 467|回复: 0

[Swing学习]Java定制JSlider UI

[复制链接]
  • TA的每日心情
    开心
    2021-3-12 23:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2014-11-11 23:57:08 | 显示全部楼层 |阅读模式
    JSlider作为Swing中提供的滑标组件, 以图形方式在有界区间内通过移动滑块来选择值,滑块可以显示主刻度标记和次刻度标记。大量应用于如播放器中的音量设定等领域中。

        但是JSlider本身提供的UI样式很单调,不足以满足用户的审美需求,往往需要我们自行重构其UI。

    下面我给出一个简单的例子。


       
      
       
       
         
       

         
       
      
       
    代码如下:

    1. import java.awt.BorderLayout;
    2. import java.awt.Color;
    3. import java.awt.Component;
    4. import java.awt.Dimension;
    5. import java.awt.EventQueue;
    6. import java.awt.GradientPaint;
    7. import java.awt.Graphics;
    8. import java.awt.Graphics2D;
    9. import java.awt.Polygon;
    10. import java.awt.Rectangle;
    11. import java.awt.RenderingHints;
    12. import javax.swing.Box;
    13. import javax.swing.JFrame;
    14. import javax.swing.JLabel;
    15. import javax.swing.JPanel;
    16. import javax.swing.JSlider;
    17. import javax.swing.WindowConstants;
    18. import javax.swing.event.ChangeEvent;
    19. import javax.swing.event.ChangeListener;
    20. /** *//**
    21. *
    22. * Title: LoonFramework
    23. *
    24. * Description:
    25. *
    26. *
    27. * Copyright: Copyright (c) 2007
    28. * Company: LoonFramework
    29. *
    30. *
    31. * @author chenpeng
    32. * @email:ceponline@yahoo.com.cn
    33. * @version 0.1
    34. */

    35. public class ExampleSlider extends JPanel {
    36.     /** *//**
    37.      *
    38.      */
    39.     private static final long serialVersionUID = 1L;
    40.     public ExampleSlider() {
    41.         // 设定布局器
    42.         super(new BorderLayout());
    43.         // 设定监听器
    44.         ChangeListener listener = new ChangeListener() {
    45.             public void stateChanged(ChangeEvent e) {
    46.                 if (e.getSource() instanceof JSlider) {
    47.                     System.out.println("刻度: "
    48.                             + ((JSlider) e.getSource()).getValue());
    49.                 }
    50.             }
    51.         };
    52.         // 设定JSlider1
    53.         JSlider s1 = new JSlider(0, 100, 0);
    54.         // 注入自定义ui
    55.         s1.setUI(new MySliderUI());
    56.         // 主刻度
    57.         s1.setMajorTickSpacing(10);
    58.         // 次刻度
    59.         s1.setMinorTickSpacing(5);
    60.         // 设定为显示
    61.         s1.setPaintTicks(true);
    62.         s1.setPaintLabels(true);
    63.         // 监听slider1
    64.         s1.addChangeListener(listener);
    65.         // 设定JSlider2
    66.         JSlider s2 = new JSlider(0, 100, 0);
    67.         // 使用MetalSliderUI为ui
    68.         s2.setUI(new javax.swing.plaf.metal.MetalSliderUI() {
    69.             protected void paintHorizontalLabel(Graphics g, int v, Component l) {
    70.                 JLabel lbl = (JLabel) l;
    71.                 lbl.setForeground(Color.green);
    72.                 super.paintHorizontalLabel(g, v, lbl);
    73.             }
    74.         });
    75.         
    76.         s2.setForeground(Color.BLUE);
    77.         s2.setMajorTickSpacing(10);
    78.         s2.setMinorTickSpacing(5);
    79.         s2.setPaintTicks(true);
    80.         s2.setPaintLabels(true);
    81.         s2.addChangeListener(listener);
    82.         //使用盒式容器
    83.         Box box = Box.createVerticalBox();
    84.         box.add(Box.createVerticalStrut(5));
    85.         box.add(s1);
    86.         box.add(Box.createVerticalStrut(5));
    87.         box.add(s2);
    88.         box.add(Box.createVerticalGlue());
    89.         add(box, BorderLayout.CENTER);
    90.         add(Box.createHorizontalStrut(5), BorderLayout.WEST);
    91.         add(Box.createHorizontalStrut(5), BorderLayout.EAST);
    92.         //设定窗体大小
    93.         setPreferredSize(new Dimension(240, 100));
    94.     }
    95.     public static void main(String[] args) {
    96.         EventQueue.invokeLater(new Runnable() {
    97.             public void run() {
    98.                 createUI();
    99.             }
    100.         });
    101.     }
    102.     public static void createUI() {
    103.         JFrame frame = new JFrame("音量刻度设置");
    104.         frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    105.         frame.getContentPane().add(new ExampleSlider());
    106.         frame.setResizable(false);
    107.         frame.pack();
    108.         //居中
    109.         frame.setLocationRelativeTo(null);
    110.         frame.setVisible(true);
    111.     }
    112. }
    113. class MySliderUI extends javax.swing.plaf.metal.MetalSliderUI {
    114.     /** *//**
    115.      * 绘制指示物
    116.      */
    117.     public void paintThumb(Graphics g) {
    118.         Graphics2D g2d = (Graphics2D) g;
    119.         g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
    120.         //填充椭圆框为当前thumb位置
    121.         g2d.fillOval(thumbRect.x, thumbRect.y, thumbRect.width,
    122.                         thumbRect.height);
    123.         //也可以帖图(利用鼠标事件转换image即可体现不同状态)
    124.         //g2d.drawImage(image, thumbRect.x, thumbRect.y, thumbRect.width,thumbRect.height,null);
    125.     }
    126.     /** *//**
    127.      * 绘制刻度轨迹
    128.      */
    129.     public void paintTrack(Graphics g) {
    130.         int cy, cw;
    131.         Rectangle trackBounds = trackRect;
    132.         if (slider.getOrientation() == JSlider.HORIZONTAL) {
    133.             Graphics2D g2 = (Graphics2D) g;
    134.             cy = (trackBounds.height / 2) - 2;
    135.             cw = trackBounds.width;
    136.             g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
    137.                     RenderingHints.VALUE_ANTIALIAS_ON);
    138.             g2.translate(trackBounds.x, trackBounds.y + cy);
    139.             // 背景设为灰色
    140.             g2.setPaint(Color.GRAY);
    141.             g2.fillRect(0, -cy, cw, cy * 2);
    142.             int trackLeft = 0;
    143.             int trackRight = 0;
    144.             trackRight = trackRect.width - 1;
    145.             int middleOfThumb = 0;
    146.             int fillLeft = 0;
    147.             int fillRight = 0;
    148.             //坐标换算
    149.             middleOfThumb = thumbRect.x + (thumbRect.width / 2);
    150.             middleOfThumb -= trackRect.x;
    151.             if (!drawInverted()) {
    152.                 fillLeft = !slider.isEnabled() ? trackLeft : trackLeft + 1;
    153.                 fillRight = middleOfThumb;
    154.             } else {
    155.                 fillLeft = middleOfThumb;
    156.                 fillRight = !slider.isEnabled() ? trackRight - 1
    157.                         : trackRight - 2;
    158.             }
    159.             // 设定渐变
    160.             g2.setPaint(new GradientPaint(0, 0, new Color(0, 100, 100), cw, 0,
    161.                     new Color(0, 255, 100), true));
    162.             g2.fillRect(0, -cy, fillRight - fillLeft, cy * 2);
    163.             g2.setPaint(slider.getBackground());
    164.             Polygon polygon = new Polygon();
    165.             polygon.addPoint(0, cy);
    166.             polygon.addPoint(0, -cy);
    167.             polygon.addPoint(cw, -cy);
    168.             g2.fillPolygon(polygon);
    169.             polygon.reset();
    170.             g2.setPaint(Color.WHITE);
    171.             g2.drawLine(0, cy, cw - 1, cy);
    172.             g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
    173.                     RenderingHints.VALUE_ANTIALIAS_OFF);
    174.             g2.translate(-trackBounds.x, -(trackBounds.y + cy));
    175.         } else {
    176.             super.paintTrack(g);
    177.         }
    178.     }
    179. }
    180.                   
    复制代码


      
      
       
       

         
       

         
       
      
    复制代码

    源码下载:http://file.javaxxz.com/2014/11/11/235707750.zip
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-2-25 07:46 , Processed in 0.340318 second(s), 34 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表