forked from fanruan/design
Browse Source
* commit '96519eca895b24cc8a0b945c5aec98ec61197345': (53 commits) ct REPORT-1096 取色板=》调整代码 REPORT-1096 取色板=》修复在实时模式下，无法取消颜色拾取的问题 populate之前，移除控件本身的listener update 删除当前按钮时，也要考虑重新更新面板 REPORT-1096 取色板=》修复一些bug 下拉框重构时，不能触发更新动作 无JIRA任务。调整代码。 REPORT-1096 不继承UIButton 无JIRA任务。调整代码。 无JIRA任务。整理代码 REPORT-1096 在“纸张背景”窗口中增加取色器按钮 REPORT-1096 自定义界面的颜色随鼠标位置动态变化；修改取色框的UI REPORT-1096 完成基本功能 无JIRA任务，给CustomChooserPanel.java 调整缩进 REPORT-1096 将取色按钮封装为一个类 REPORT-1096 实现第一个界面（下拉颜色选择框）里的取色器功能 REPORT-1287 属性返回数组代码问题 返回空数组 ...master
superman
8 years ago
36 changed files with 1524 additions and 1029 deletions
|
After Width: | Height: | Size: 332 B |
|
After Width: | Height: | Size: 432 B |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,233 @@ |
|||||||
|
package com.fr.design.style.color; |
||||||
|
|
||||||
|
/** |
||||||
|
* Created by plough on 2016/12/22. |
||||||
|
*/ |
||||||
|
|
||||||
|
import com.fr.base.BaseUtils; |
||||||
|
import com.fr.general.FRLogger; |
||||||
|
|
||||||
|
import java.awt.*; |
||||||
|
import java.awt.event.*; |
||||||
|
import java.awt.geom.Ellipse2D; |
||||||
|
import java.awt.image.BufferedImage; |
||||||
|
import javax.swing.*; |
||||||
|
|
||||||
|
/** |
||||||
|
* 取色框 |
||||||
|
*/ |
||||||
|
public class ColorPicker extends JDialog implements ActionListener |
||||||
|
{ |
||||||
|
private Container container = getContentPane(); // 主容器
|
||||||
|
private int setCoordinateX; // 取色框x坐标
|
||||||
|
private int setCoordinateY; // 取色框y坐标
|
||||||
|
private int colorPickerSize = 190; // 取色框尺寸
|
||||||
|
private int scaleFactor = 16; // 放大倍数
|
||||||
|
private ColorPickerPanel colorPickerPanel = new ColorPickerPanel(scaleFactor); // 取色框内容面板
|
||||||
|
|
||||||
|
private Timer timer; // 用于定时重绘
|
||||||
|
private int FPS = 45; // 重绘取色器的频率
|
||||||
|
private int timeCycle = 1000 / FPS; // 时钟周期
|
||||||
|
|
||||||
|
private ColorSelectable colorSelectable; |
||||||
|
private Point mousePos; // 鼠标的绝对坐标
|
||||||
|
private Color colorToSet; // 暂存要设置的颜色值
|
||||||
|
private Color initColor; // 保存初始颜色。实时模式下，如果取消取色操作，则重设为初始颜色
|
||||||
|
|
||||||
|
private Boolean setColorRealTime; // 实时设定颜色值
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 构造函数，创建一个取色框窗体 |
||||||
|
*/ |
||||||
|
public ColorPicker(ColorSelectable colorSelectable, Boolean setColorRealTime) |
||||||
|
{ |
||||||
|
setUndecorated(true); // 去掉窗体边缘
|
||||||
|
setResizable(false); |
||||||
|
Shape shape = new Ellipse2D.Double(0, 0, colorPickerSize, colorPickerSize); |
||||||
|
setShape(shape); |
||||||
|
container.add(colorPickerPanel); |
||||||
|
addMouseListener(new MouseFunctions()); |
||||||
|
updateSize(colorPickerSize); |
||||||
|
this.colorSelectable = colorSelectable; |
||||||
|
this.setColorRealTime = setColorRealTime; |
||||||
|
start(); |
||||||
|
this.setModal(true); |
||||||
|
this.setAlwaysOnTop(true); |
||||||
|
updateLocation(); |
||||||
|
this.setVisible(true); |
||||||
|
this.setDefaultCloseOperation(JDialog.DISPOSE_ON_CLOSE); |
||||||
|
} |
||||||
|
|
||||||
|
public void start() { |
||||||
|
timer = new Timer(timeCycle, this); |
||||||
|
timer.start(); |
||||||
|
hideCursor(); |
||||||
|
|
||||||
|
// 如果要求实时变化，确保先关闭弹窗，再截屏
|
||||||
|
// 主要针对"图案"选项卡中的"前景"、"背景"
|
||||||
|
if (this.setColorRealTime) { |
||||||
|
initColor = colorSelectable.getColor(); |
||||||
|
colorSelectable.setColor(Color.WHITE); // setColor 可以关闭弹窗
|
||||||
|
try { |
||||||
|
Thread.sleep(100); // 等待弹窗关闭
|
||||||
|
} catch (InterruptedException e) { |
||||||
|
FRLogger.getLogger().error(e.getMessage()); |
||||||
|
} |
||||||
|
colorPickerPanel.captureScreen(); |
||||||
|
} |
||||||
|
// System.out.println(KeyboardFocusManager.getCurrentKeyboardFocusManager().getFocusedWindow());
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 执行Timer要执行的部分， |
||||||
|
*/ |
||||||
|
@Override |
||||||
|
public void actionPerformed(ActionEvent e) { |
||||||
|
updateLocation(); |
||||||
|
colorToSet = colorPickerPanel.getPixelColor(mousePos); |
||||||
|
if (setColorRealTime && (colorSelectable.getColor() == null || !colorSelectable.getColor().equals(colorToSet))) { |
||||||
|
colorSelectable.setColor(colorToSet); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
public void updateLocation() { |
||||||
|
mousePos = MouseInfo.getPointerInfo().getLocation(); |
||||||
|
setCoordinateX = mousePos.x - getSize().width/2; |
||||||
|
setCoordinateY = mousePos.y- getSize().height/2; |
||||||
|
colorPickerPanel.setMagnifierLocation(setCoordinateX, |
||||||
|
setCoordinateY); |
||||||
|
setLocation(setCoordinateX, setCoordinateY); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新窗体 |
||||||
|
* |
||||||
|
* @param colorPickerSize 取色框尺寸 |
||||||
|
*/ |
||||||
|
public void updateSize(int colorPickerSize) |
||||||
|
{ |
||||||
|
colorPickerPanel.setColorPickerSize(colorPickerSize); |
||||||
|
setSize(colorPickerSize, colorPickerSize); |
||||||
|
validate(); // 更新所有子控件
|
||||||
|
} |
||||||
|
|
||||||
|
public void pickComplete(Color color) { |
||||||
|
timer.stop(); |
||||||
|
if (color != null) { |
||||||
|
colorSelectable.setColor(color); |
||||||
|
} |
||||||
|
this.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
// 隐藏鼠标光标
|
||||||
|
public void hideCursor() { |
||||||
|
Image imageCursor = Toolkit.getDefaultToolkit().getImage(""); |
||||||
|
Cursor cu = Toolkit.getDefaultToolkit().createCustomCursor(imageCursor, new Point(0,0), "cursor"); |
||||||
|
setCursor(cu); |
||||||
|
} |
||||||
|
|
||||||
|
private class MouseFunctions extends MouseAdapter |
||||||
|
{ |
||||||
|
public void mousePressed(MouseEvent e) |
||||||
|
{ |
||||||
|
if (e.getButton() == e.BUTTON1) { // 左键确定
|
||||||
|
pickComplete(colorToSet); |
||||||
|
} else { |
||||||
|
pickComplete(setColorRealTime ? initColor : null); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class ColorPickerPanel extends JPanel |
||||||
|
{ |
||||||
|
private BufferedImage screenImage; |
||||||
|
private Image colorPickerFrame; // 取色框的边框图案
|
||||||
|
private int colorPickerSize; // 取色框尺寸
|
||||||
|
private int locationX; // 取色框 x 坐标
|
||||||
|
private int locationY; // 取色框 y 坐标
|
||||||
|
private int scaleFactor; // 放大倍数
|
||||||
|
private Robot robot; |
||||||
|
|
||||||
|
// getPixelColor 常数
|
||||||
|
private static int SHIFT_STEP = 8; // 比特位右移步长
|
||||||
|
private static int AND_R = 0xff0000; |
||||||
|
private static int AND_G = 0xff00; |
||||||
|
private static int AND_B = 0xff; |
||||||
|
|
||||||
|
/** |
||||||
|
* 带参数的构造函数 |
||||||
|
* @param scaleFactor 放大倍数 |
||||||
|
*/ |
||||||
|
public ColorPickerPanel(int scaleFactor) |
||||||
|
{ |
||||||
|
colorPickerFrame = BaseUtils.readImage("/com/fr/design/images/gui/colorPicker/colorPickerFrame.png"); |
||||||
|
this.scaleFactor = scaleFactor; |
||||||
|
captureScreen(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 截屏 |
||||||
|
*/ |
||||||
|
public void captureScreen() { |
||||||
|
try |
||||||
|
{ |
||||||
|
robot = new Robot(); |
||||||
|
} |
||||||
|
catch (AWTException e) |
||||||
|
{ |
||||||
|
} |
||||||
|
// 截屏幕
|
||||||
|
screenImage = robot.createScreenCapture(new Rectangle(0, 0, Toolkit |
||||||
|
.getDefaultToolkit().getScreenSize().width, Toolkit |
||||||
|
.getDefaultToolkit().getScreenSize().height)); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置取色框的位置 |
||||||
|
* @param locationX x坐标 |
||||||
|
* @param locationY y坐标 |
||||||
|
*/ |
||||||
|
public void setMagnifierLocation(int locationX, int locationY) |
||||||
|
{ |
||||||
|
this.locationX = locationX; |
||||||
|
this.locationY = locationY; |
||||||
|
repaint(); // 注意重画控件
|
||||||
|
} |
||||||
|
|
||||||
|
public Color getPixelColor(Point mousePos) { |
||||||
|
int rgb = screenImage.getRGB(mousePos.x, mousePos.y); |
||||||
|
int R = (rgb & AND_R) >> SHIFT_STEP * 2; |
||||||
|
int G = (rgb & AND_G) >> SHIFT_STEP; |
||||||
|
int B = (rgb & AND_B); |
||||||
|
return new Color(R, G, B); |
||||||
|
} |
||||||
|
|
||||||
|
public void setColorPickerSize(int colorPickerSize) |
||||||
|
{ |
||||||
|
this.colorPickerSize = colorPickerSize; |
||||||
|
} |
||||||
|
|
||||||
|
public void paintComponent(Graphics g) |
||||||
|
{ |
||||||
|
Graphics2D g2d = (Graphics2D) g; |
||||||
|
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON); |
||||||
|
|
||||||
|
double pixelCount = (double)colorPickerSize / scaleFactor; // 取色器一条边上的放大后的像素点个数（可以是小数）
|
||||||
|
// 关键处理代码
|
||||||
|
g2d.drawImage( |
||||||
|
screenImage, // 要画的图片
|
||||||
|
0, // 目标矩形的第一个角的x坐标
|
||||||
|
0, // 目标矩形的第一个角的y坐标
|
||||||
|
colorPickerSize, // 目标矩形的第二个角的x坐标
|
||||||
|
colorPickerSize, // 目标矩形的第二个角的y坐标
|
||||||
|
locationX + (int)((colorPickerSize - pixelCount) * 0.5) + 1, // 源矩形的第一个角的x坐标
|
||||||
|
locationY + (int)((colorPickerSize - pixelCount) * 0.5) + 1, // 源矩形的第一个角的y坐标
|
||||||
|
locationX + (int)((colorPickerSize + pixelCount) * 0.5) + 1, // 源矩形的第二个角的x坐标
|
||||||
|
locationY + (int)((colorPickerSize + pixelCount) * 0.5) + 1, // 源矩形的第二个角的y坐标
|
||||||
|
this |
||||||
|
); |
||||||
|
g2d.drawImage(colorPickerFrame, 0, 0, this); |
||||||
|
} |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,44 @@ |
|||||||
|
package com.fr.design.style.color; |
||||||
|
|
||||||
|
import com.fr.base.BaseUtils; |
||||||
|
import com.fr.design.gui.ibutton.UIButton; |
||||||
|
|
||||||
|
import java.awt.*; |
||||||
|
import java.awt.event.*; |
||||||
|
|
||||||
|
/** |
||||||
|
* Created by plough on 2016/12/22. |
||||||
|
*/ |
||||||
|
public class PickColorButtonFactory { |
||||||
|
|
||||||
|
public static UIButton getPickColorButton(ColorSelectable colorSelectable, IconType iconType) { |
||||||
|
return getPickColorButton(colorSelectable, iconType, false); |
||||||
|
} |
||||||
|
|
||||||
|
public static UIButton getPickColorButton(final ColorSelectable colorSelectable, IconType iconType, final Boolean setColorRealTime) { |
||||||
|
UIButton pickColorButton = new UIButton(); |
||||||
|
|
||||||
|
if (iconType == IconType.ICON16) { |
||||||
|
pickColorButton.setIcon(BaseUtils.readIcon("/com/fr/design/images/gui/colorPicker/colorPicker16.png")); |
||||||
|
pickColorButton.setPreferredSize(new Dimension(16, 16)); |
||||||
|
} else { |
||||||
|
pickColorButton.setIcon(BaseUtils.readIcon("/com/fr/design/images/gui/colorPicker/colorPicker18.png")); |
||||||
|
pickColorButton.setPreferredSize(new Dimension(18, 18)); |
||||||
|
} |
||||||
|
pickColorButton.setCursor(new Cursor(Cursor.HAND_CURSOR)); |
||||||
|
|
||||||
|
pickColorButton.addMouseListener(new MouseAdapter() { |
||||||
|
@Override |
||||||
|
public void mousePressed(MouseEvent e) { |
||||||
|
new ColorPicker(colorSelectable, setColorRealTime); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
return pickColorButton; |
||||||
|
} |
||||||
|
|
||||||
|
// 取色器按钮使用的图标
|
||||||
|
public enum IconType { |
||||||
|
ICON16, ICON18 |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue