問題タブ [jslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
3050 参照

java - Java JSlider の精度の問題

N 個の JSliders のリストがあります (N は手続き的には変更されません。機能を追加するときだけです。現在、N は 4 です)。すべてのスライダー値の合計は 100 に等しくなければなりません。1 つのスライダーが移動すると、残りのスライダーが調整されます。各スライダーには、0 ~ 100 の範囲の値があります。

現在、スライダーが変更されたときにこのロジックを使用しています (疑似コード):

このセットアップの問題は、スライダーの値が int として格納されることです。そのため、スライダーを調整すると、精度の問題が発生します。比率の値に応じて、スライダーがけいれんしたり、まったく動かなかったりします。また、合計値が常に 100 になるとは限りません。

float または double をサポートするまったく新しい JSlider クラスを作成せずに、この問題を解決できる人はいますか?

私が望む動作の例が必要な場合は、Humble Indie Bundleにアクセスし、ページの一番下までスクロールしてください。

ありがとうございました

ps 比率で値を乗算すると、ユーザーは値を 0 で「ロック」できます。ただし、4 つのスライダーのうち 3 つが 0 で、4 番目のスライダーが 100 で、4 番目のスライダーを移動するときにどうすればよいかわかりません。下。上記のロジックを使用すると、値が 0 の 3 つのスライダーが配置されたままになり、4 番目のスライダーがユーザーが配置した場所に移動するため、合計が 100 未満になります。これは不適切な動作です。

編集

SSCCE は次のとおりです。

0 投票する
1 に答える
605 参照

javascript - Javascriptスライダーは最初のフレームをスキップします-プロトタイプ

プロトタイプスライダーを使用しています。最後のスライドに当たると、スライダーが再び起動しますが、最初の画像はスキップされます。

誰かが私のコードを見ることができますか?

私のHTML:

私のCSS:

繰り返しますが、これはMagentoベースのサイトでプロトタイプライブラリを使用しています。

URLはwwwdotlylifdotcom/homeです

0 投票する
1 に答える
1043 参照

java - JavaでJSliderを使用して、行の画像をズームインおよびズームアウトするにはどうすればよいですか?

画面の左下から右上に対角線があります。その対角線に2メートル間隔でキャンバスに描かれた人間の画像もあります。キャンバスの下にJSliderを作成しました。スライダーを左に調整するときはいつでも、画像をズームアウトしたいのですが、右にある場合は画像がズームインします。これが私の問題です。

方法を教えていただけますか?

0 投票する
1 に答える
434 参照

java - Java Swing ウィジェットの拡張 (JSlider にアニメーションと追加のマーカーを追加したい)

JSlider ウィジェットに似た新しいウィジェットを作成することに興味がありますが、以前のスライダーの位置を表示する「ゴースト」(半透明) ノブと、実際のノブの動きにトレイルのようなアニメーションを追加することに興味があります。

Java Swing ウィジェットを拡張して新しい機能を追加する適切な方法について、少し混乱しています。

私が見ているように、いくつかのオプションがあります。

1) JSlider を拡張し、すべての新しいモデル情報をここに配置し、ペイントを上書きして最初に JSlider を描画し、必要な追加をオーバーレイします。このソリューションの問題は、試行錯誤を使用してマークを正しい位置に配置する必要があり (完全な幾何学的情報にアクセスできないため)、すべての状況で機能しない可能性があることです。

2) Slider ウィジェットのさまざまなクラス (JSlider、SliderUI、BasicSliderUI、MetalSliderUI、BoundedRangeModel、DefaultBoundedRangeModel) を拡張します。ここで見られる利点は、適切なモデル ビュー コントローラー アーキテクチャを維持できることです。ただし、これには、クラス内のさまざまな関数をオーバーロードする必要があります。結果は非常にハッキングされたように見えると思います。

3) Slider ウィジェットのコードをすべてコピーし、変更して新しいウィジェットを作成します。これはオプション (2) に似ていますが、関数を拡張するよりもコードを変更する方が少し簡単かもしれません (とにかく基本的にコードをコピー/変更します)。

4) 目的の機能を使用して、スライダー ウィジェットをゼロから再作成します。既存の Swing Slider ウィジェットのコードを見てみると、これは簡単な作業ではありません。

既存のウィジェットから機能を借用した新しいウィジェットを作成する、より洗練された方法がありませんか?

あなたの洞察に感謝します。

0 投票する
1 に答える
2625 参照

swing - SWING用のレンジスライダーまたはマルチサムスライダー

Java 用のマルチ サム スライダーが必要です。範囲を表すことができる MultiThumb が必要です (2 つの親指で) が、今までのところ、開始点が見つかりません。それは違いない:

  1. Nimbus のルック アンド フィールと一致
  2. Netbeans で使用可能 (プラグ可能)

今まで、私はそれに関するすべての質問を読みましたが、それらはすべてJXMultiThumbSlider(Web サイトがダウンしていて、これのソース コードが見つかりません!) またはRangeSliderJade commons Layer (支払いたくない) について言及していることがわかりました。 1 つのコンポーネントのみを使用するため)。

手伝って頂けますか?Oracle の買収以来、Sun のページはすべてダウンしています。

0 投票する
3 に答える
1576 参照

java - JSlider を使用して日付チューザーを作成しますか?

JSlider を使用して日付チューザーを実装したいと考えています。ユーザーはスライダーを使用して、既知の 2 つの日付から自由に選択できる必要があります。私はこのような例を見てきました:

ここに画像の説明を入力

しかし、スライダーを 1 つだけ使用して、同じことをしたいと思います。2 点 (ティック) 間の最小距離は 1 日である必要があります。それを実装する方法のヒントはありますか?

0 投票する
0 に答える
272 参照

swing - JSliderの三角形がMetalUIで半透明に

Mac OSX 10.7 64 ビットを使用しています。

MetalUI を使用した JSlider が必要です。

このサンプル プログラムは JSlider を示していますが、三角形は半透明で、レンダリングされた値バーを見ることができます。どうすれば修正できますか?

0 投票する
1 に答える
2191 参照

swing - JTableのJSlider

を入れるためJSliderに、私はaとaを実装するJTableamを書きました。0〜100の値で初期化されます。AbstractCellEditorTableCellRendererTableCellEditor

スライダーを最初にクリックすると、最大にジャンプするという奇妙な動作があります。

2番目の奇妙な動作:を追加しましたChangeListener。このリスナーは、最初にスライダーをクリックした場合にのみ呼び出されます。2回目のクリック(値も変更されます)では、このイベントは発生しません。なんで?

0 投票する
1 に答える
236 参照

java - JSlidersの端だけを表示する方法

水平JSliderが0から100まであるとします。やりたいことは次のとおりです。-メジャー間隔を10に設定し、マイナー間隔を5に設定しますが、数字は表示されません-端(0と100)の値は表示されます。 -ポジショニング矢印を移動するときに、マウスカーソルの横に実際の値を示すラベルを表示したいと思います。

0 投票する
2 に答える
1824 参照

jquery - jQuery トグル スライドの開閉リンクの問題

リスト内の要素を表示/非表示にするために使用している次のコードがあります。

私が抱えている問題は、それがうまくロードされ、うまく開いたり折りたたまれたりすることです。ただし、一度開閉した後は、最後のダウン画像にとどまります。折りたたまれている場合は下向き矢印、展開されている場合は上向き矢印を常に表示する必要があります。

助けていただければ幸いです...ありがとう

編集::

上記のコードが Chrome でうまく機能することに気付きました。私の問題は、Firefox で動作しないことです。

展開後は問題ありません(上向きの矢印があります)。折りたたんだ後、上向き矢印はそのまま残り、下向き矢印に置き換わりません。

ヒント/ヘルプをいただければ幸いです。