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

アウトライン解析の「更新」のアイコンが「Windows」マークなのは直感的じゃないので変えて欲しい #543

Closed
arigayas opened this issue Oct 12, 2018 · 12 comments
Milestone

Comments

@arigayas
Copy link

image
#539 で「アウトライン解析」のウィンドウをドッキング出来ることを知ったのですが

ドッキング時に「アウトライン解析」の「更新」のアイコンとして
「Windows」(Win3.1かWin95のロゴ?)マークが表示されるのですが
このアイコンでは直感的じゃないので
Webブラウザのような更新マークにするのが良いと思います。

  • image ← Firefox 60.2.2esrの更新アイコン
  • image ← Internet Explorer 11 の更新アイコン
  • image ← Microsoft EdgeHTML 17.17134の更新アイコン
@m-tmatma
Copy link
Member

新しくアイコン作るなら SVG で作りたい。
SVG ならいろんな解像度のアイコンに変換できる。

@berryzplus
Copy link
Contributor

いいと思います。

ここの更新アイコンに限定した話、エクスプローラーのアイコンを流用するのがux的にベターだと思いますけど。

@arigayas
Copy link
Author

image

アイコンを作成しないで使うとしたら赤枠で囲ったアイコンでしょうか?

@berryzplus
Copy link
Contributor

berryzplus commented Oct 16, 2018

違うような気がしますが、それも選択肢です。

Windowsで提供されてるものはなるたけ使いまわしたい考えです。

追記) 解像度がもっと低いと思うんですが、形状はソレです。

@arigayas
Copy link
Author

arigayas commented Oct 16, 2018

Webフォントを使えたら良い感じのがあるんですけどねぇ
https://fontawesome.com/icons?d=gallery&q=reload
image

@berryzplus
Copy link
Contributor

使おうと思ってたアイコンが見つからなくてシュン・・・としてたんですが、
既存コードが描画しているアイコンを探して、衝撃の事実に辿り着きました。

更新ボタンに使われているウインドウズアイコンに見えるものの正体はこれです。
2018-10-16 2

文字を描画することでボタンを表現し、
実際のボタン処理は自前で実装する、
という荒業が使われとります。

これにより、リソース使用量を数MB単位で節約できるはず・・・ローテクだけど絶技 😭

ちなみに×ボタンと▼ボタンはこっちのフォントになるようです。
赤いのが使ってるやつ。緑のやつはなんか気になったやつ・・・。

2018-10-16 1

ついでで更新ボタンっぽい文字も見つけたので貼ってみます。
(いや、むしろこれが本題なんですがw)
2018-10-17

実際のソースコードはこんな感じになっていて、
仮に Webdings を使って書き換える場合には改修は瞬殺で終わる気配です 😭

::lstrcpy( lf.lfFaceName, _T("Marlett") );
HFONT hFont = ::CreateFontIndirect( &lf );
::lstrcpy( lf.lfFaceName, _T("Wingdings") );
HFONT hFont2 = ::CreateFontIndirect( &lf );
gr.SetTextBackTransparent( true );
static const TCHAR szBtn[DOCK_BUTTON_NUM] = { (TCHAR)0x72/* 閉じる */, (TCHAR)0x36/* メニュー */, (TCHAR)0xFF/* 更新 */ };
HFONT hFontBtn[DOCK_BUTTON_NUM] = { hFont/* 閉じる */, hFont/* メニュー */, hFont2/* 更新 */ };

Webフォントも捨てがたいんですよねぇ・・・。

@arigayas
Copy link
Author

いつかやるかもしれないサクラエディタで使っているアイコンの総入れ替えを検討するまでは
とりあえずこの「0x71」にするので良いと思いますw

@beru
Copy link
Contributor

beru commented Oct 16, 2018

DirectWrite を使って Unicode の絵文字の 🍥 を描画する事を考えていました…。

@ds14050
Copy link
Contributor

ds14050 commented Oct 16, 2018

DirectWrite を使って Unicode の絵文字の 🍥 を描画する事を考えていました…。

それは編集領域を最初にやってください。待ってる人がいっぱいいます。縦方向のアンチエイリアスも、カラー絵文字も。

でも Mac の Mojave は色にじみの出るアンチエイリアスをやめたらしいですね。アウトラインからビットマップへの切り替えなどと同じく、低解像度ディスプレイ向けの妥協技術であったと。

@arigayas
Copy link
Author

Merged になったからCloseしても良いのでしょうか?

@KENCHjp
Copy link
Member

KENCHjp commented Oct 17, 2018

思う存分Closeお願いします!

@arigayas
Copy link
Author

Merged になったから Close します。

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

No branches or pull requests

6 participants