1

Word 2007 のズーム スライダーを模倣する (または既存のコンポーネントを見つける) ことを試みています。

2 段階のズーム バー

このコンポーネントと標準の Java JSlider には、主に次の 2 つの違いがあります。

  1. 100% 以外ではティックにスナップせず、マウスを放したときではなく、バーをスライドさせているときにスナップします
  2. スライダーは全体的に直線的ではありません: スライダーの左半分は 10% から 100% になります。右側は 100% から 500% になります。

これが私がこれまでに持っているものです: Javaクローン

ソース:

    import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSlider;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

/**
 *
 * @author NDUNN
 * @date Nov 25, 2009
 */
public class ZoomBar extends JPanel implements ActionListener, ChangeListener {

    private JLabel zoomAmount;
    private JButton minus;
    private JButton plus;
    private JSlider slider;

    private static final int MIN_ZOOM = 10;
    private static final int MAX_ZOOM = 200;
    private static final int DEFAULT_ZOOM = 100;

    private static final int MAJOR_ZOOM_SPACING = 50;
    private static final int MINOR_ZOOM_SPACING = 10;

    public ZoomBar() {
        super();

        minus = new JButton("-");
        plus = new JButton("+");
        slider = new JSlider(MIN_ZOOM, MAX_ZOOM, DEFAULT_ZOOM);

        slider.setMinorTickSpacing(MINOR_ZOOM_SPACING);
        slider.setMajorTickSpacing(MAJOR_ZOOM_SPACING);
        slider.setPaintTicks(true);
        slider.setSnapToTicks(true);

        zoomAmount = new JLabel(slider.getValue() + "%");

        add(zoomAmount);
        add(minus);
        add(slider);
        add(plus);

        plus.addActionListener(this);
        minus.addActionListener(this);

        slider.addChangeListener(this);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("Zoom bar clone");
        frame.setContentPane(new ZoomBar());
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setVisible(true);
    }

    public void actionPerformed(ActionEvent e) {
        if (e.getSource() == plus) {
            slider.setValue(slider.getValue() + MINOR_ZOOM_SPACING);
        }
        else if (e.getSource() == minus) {
            slider.setValue(slider.getValue() - MINOR_ZOOM_SPACING);
        }
    }

    public void stateChanged(ChangeEvent e) {
        if (slider.getValueIsAdjusting()) {
            return;
        }
        zoomAmount.setText(slider.getValue() + "%");
    }

}

基本的に外観を模倣するだけですが、上記の 2 つの機能はありません。JSlider APIには、この動作を可能にするものは何もありません。この動作を得るには、ゼロから始める必要がありますか? もしそうなら、それは私の時間の価値はありませんが、誰かがこの動作を取得する良い方法を知っているなら、私が取り組んでいるプロジェクトにそれがあればいいと思います.

ありがとう、

ニック


編集:

0..50 と 50..100 を異なる値にマッピングするだけのアイデアをくれた PSpeed に感謝します。そのためのコードを以下に示します。

残念ながら、setValue を snap に変更するというアイデアはうまくいきませんでした。

public void stateChanged(ChangeEvent e) {
    // While slider is moving, snap it to midpoint
    int value = slider.getValue();
    if (slider.getValueIsAdjusting()) {
        return;
    }

    zoomValue = fromSlider(value);
    zoomLabel.setText(zoomValue + "%");
}

public int fromSlider(int sliderValue) {
    int mappedValue = 0;
    if (sliderValue <= 50) {
        // Map from [0, 50] to [MIN ... DEFAULT]
        mappedValue = (int) map(sliderValue, 0, 50, MIN_ZOOM, DEFAULT_ZOOM);
    }
    else {
        // Convert from  (50, 100] to (DEFAULT ... MAX]
        mappedValue = (int) map(sliderValue, 50, 100, DEFAULT_ZOOM, MAX_ZOOM);
    }
    return mappedValue;
}

public int toSlider(int modelValue) {
    int mappedValue = 0;
    if (modelValue <= DEFAULT_ZOOM) {
        // Map from [MIN_ZOOM, DEFAULT_ZOOM] to [0 ... 50]
        mappedValue = (int) map(modelValue, MIN_ZOOM, DEFAULT_ZOOM, 0, 50);
    }
    else {
        // Convert from  (DEFAULT ... MAX] to (50, 100]
        mappedValue = (int) map(modelValue, DEFAULT_ZOOM, MAX_ZOOM, 50, 100);
    }
    return mappedValue;
}


/**
 * @param value The incoming value to be converted
 * @param low1  Lower bound of the value's current range
 * @param high1 Upper bound of the value's current range
 * @param low2  Lower bound of the value's target range
 * @param high2 Upper bound of the value's target range
 * @return
 */
public static final double map(double value, double low1, double high1, double low2, double high2) {

    double diff = value - low1;
    double proportion = diff / (high1 - low1);

    return lerp(low2, high2, proportion);
}

public static final double lerp(double value1, double value2, double amt) {
    return ((value2 - value1) * amt) + value1;
}

編集 2: 私が気付いたもう 1 つの違いは、JButton ではボタンを複数回押したままにすることができないのに対し、office の +/- ボタンではできることです。これを模倣する方法はありますか?

4

1 に答える 1

2

カスタムBoundedRangeModelを使用すると、このすべての動作を取得できると思います。重要なのは、モデルが通常のタイプの値の範囲をレポートするようにすることですが、ズーム率が必要な場合は別の方法で処理します。

したがって、たとえば、範囲を0〜100の範囲で実行する場合、一方の方法で0〜50を処理し、もう一方の方法で50〜100を処理します(それぞれ10〜100%と100〜500%)。

スナップ動作を取得するには、setValue()をオーバーライドして、必要な範囲をスナップできると確信しています。したがって、値の範囲として0〜100を使用し、setValue()が47〜53で呼び出された場合は、値を50にスナップします。

于 2009-11-25T22:36:35.497 に答える