Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ソング:矩形選択を作る #1804

Closed
3 tasks
sevenc-nanashi opened this issue Jan 30, 2024 · 12 comments · Fixed by #1911
Closed
3 tasks

ソング:矩形選択を作る #1804

sevenc-nanashi opened this issue Jan 30, 2024 · 12 comments · Fixed by #1911

Comments

@sevenc-nanashi
Copy link
Member

sevenc-nanashi commented Jan 30, 2024

内容

GarageBandにあるような矩形選択があると便利だと思います。

image

Pros 良くなる点

  • 選択がしやすくなる

Cons 悪くなる点

ないはず?

実現方法

コメントを参照: #1804 (comment)

VOICEVOXのバージョン

(開発版)

OSの種類/ディストリ/バージョン

  • Windows
  • macOS
  • Linux

その他

(なし)

@romot-co
Copy link
Contributor

romot-co commented Jan 30, 2024

@sevenc-nanashi
こちらありがとうございます!矩形選択につきまして現状のUI上の考慮点です:

  1. 可能であればクリック+ドラッグで矩形選択にしたい
  2. しかしノート追加とコンフリクトするため、矩形選択モードへの切り替えが必要
    → ノート追加やドラッグでのドローの簡便性を優先したい
  3. まずはShift+ドラッグで矩形選択させる
    → 現状、複数選択で使用しておりますが、矩形選択の代替
  4. いずれ必要に応じて矩形選択モード切り替えボタンを用意する

2.ふくめ、もしなにか良い方法があれば議論できれば幸いです...!

@Hiroshiba
Copy link
Member

Hiroshiba commented Jan 31, 2024

Romotさんの流れに同意です。

一般的に範囲といえばなぜかshiftなので、ctrlかshiftでいえばshiftかなと感じました!
(SynthVやACE StudioやVoisonaやVocaloid6やStudioOneなどがそうじゃないなら再考すべきかも)

もしなにか良い方法があれば

(本気度1割くらいです)ダブルクリック+ドラッグを範囲選択にするとかは面白いかもと思いました。
スマホのテキスト範囲選択がそうなってるなーと。だいぶ想像しにくいので他の方法も必要そう&イベントハンドリングだいぶ大変になりそうですが・・・。


@sevenc-nanashi

GarageBandにあるような矩形選択

ちなみにこれはどういう操作なんでしょう 👀 (ググっても出てこなかった)

@sevenc-nanashi
Copy link
Member Author

trim.7FACF701-9849-4ED0-84FC-5470EC0C7FF2.MOV

多分一般的なDAWには全部あると思います。

@Hiroshiba
Copy link
Member

@sevenc-nanashi あーなるほどです!!!!
長押し+ドラッグなんですね。テキスト範囲選択と同じだ。

@Hiroshiba
Copy link
Member

Hiroshiba commented Feb 3, 2024

@sevenc-nanashi @romot-co こちらちょっと後から見返した時に結局どうなってるかわからなくなっちゃうともったいないので整理しておきたいんですが、どうしましょ。
とりあえず、こう?

  • とりあえず shift+ドラッグ (過去の調べてctrl+ドラッグの方が多そうだったらそっちでも)
  • 将来的には「選択モード」を用意する

これで問題なさそうだったらissueの中の「実現方法」をこっちに変えていただけると! 🙏 @sevenc-nanashi

@romot-co
Copy link
Contributor

romot-co commented Feb 3, 2024

@Hiroshiba @sevenc-nanashi
いったん以下の想定かと思っておりましたが、

とりあえず shift+ドラッグ (過去の調べてctrl+ドラッグの方が多そうだったらそっちでも)
将来的には「選択モード」を用意する

いただいたガレージバンド(モバイル版)だとロングタップで範囲選択モード切り替えのため、

  • 右クリック+ドラッグ

もPCに置き換えた場合の慣行や意味合いとしてありそうです😇

  • Shift+ドラッグ or Ctrl+ドラッグ or 右クリック+ドラッグ(一般的にどうなっているか調査してから決める)
  • 将来的には「選択モード」を用意する

という形でいかがでしょうか…!

@romot-co
Copy link
Contributor

romot-co commented Feb 3, 2024

操作の対応表つくりなおしたほうがよさそうやも → つくる

@Hiroshiba
Copy link
Member

Hiroshiba commented Feb 3, 2024

  • Shift+ドラッグ or Ctrl+ドラッグ or 右クリック+ドラッグ(一般的にどうなっているか調査してから決める)
  • 将来的には「選択モード」を用意する

という形でいかがでしょうか…!

賛成です!先に調査すべき、というのはとても同感です!!

右クリック+ドラッグ

さすがに右クリック+ドラッグはなさそうだとは思うのですが、じゃあなんでスマホ版ガレージバンドは長押し+ドラッグが範囲選択になってるのか若干考えてました。
まあ普通に、スマホはドラッグがスクロールに割り当てているので、通常ドラッグ操作で良いものでもワンアクション挟まないといけなくて、となるとダブルタップかロングタップしかなくこうなってるみたいな感じな気がしました。

@sevenc-nanashi
Copy link
Member Author

変更しました。

@romot-co
Copy link
Contributor

romot-co commented Feb 15, 2024

以下の赤文字の部分を修正すれば実装できそう
https://docs.google.com/spreadsheets/d/1ltGxtvCoUhDiX06F8E1-Tf1TWlC9XM98ESBNOIHUYjw/edit#gid=0

最低限

  • ツール切り替えを用意しない
  • Shift+ドラッグで矩形選択を実装する

よい良い

  • 編集ツールの他に選択ツールを用意する

  • 矩形選択やノート追加の動作などを以下の赤文字部分にあわせ修正する

  • UIの位置としては以下

  • デフォルトは編集モード(要議論?) : 個人的には特に最初、なにもせず入力できた方がよいように思える

select-mode-toolbar


実装どうすればいいか確認中・問題なければIssueを修正

@Hiroshiba
Copy link
Member

Hiroshiba commented Feb 22, 2024

@romot-co さんの提案に賛成です!!(というより補強という感じかも)
@sevenc-nanashi さん的にも良さそうでしたら↑のコメントのリンクをissueの実現方法のとこに書き加えるのはどうでしょう?

@sevenc-nanashi
Copy link
Member Author

コメントのリンクに差し替えました。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants
@Hiroshiba @romot-co @sevenc-nanashi and others