問題タブ [aspect-ratio]

ウェブページの開発者として、ユーザーモニター（PCまたはMacを使用しているユーザー）のアスペクト比を知る方法があるかどうかを知りたいと思います。画面サイズとアスペクト比に基づいて、さまざまなページ（ページレイアウトの観点から）をさまざまなユーザーに転送したいと思います。これは可能ですか？

画面の下部に並べて配置したい5つの正方形のImageButtonsがあります。私はそれぞれ（異なるID）を次のように設定しています：

そして、メインのJavaで背景を次のように割り当てています：

私がやりたいのは、画面の下部にきちんと並べて収まるように幅を拡大縮小することです（これで問題ありません）が、高さも幅に合わせて自動的に拡大縮小します。これは可能ですか？setImageSource を使用したくないのは、イメージボタンの周りに境界線を配置するためです。

BWidget の MessageDlg を使用しようとしています。こちらのドキュメントからわかるように、-aspect比率はメッセージ ウィンドウの幅と高さの比率を定義します。

ただし、効果はないようです。このコードの場合:

為に

と

どちらの場合も、デフォルトの比率 (150) でメッセージ ウィンドウが表示されます。

BWidget 1.9.4 を使用しています。これは BWidget の既知の問題ですか? より良い代替案を提案できますか?

これは私の現在のサムネイル生成スクリプトです。仕組みは次のとおりです。

400x300 の画像があり、100x100 のサムネイルが必要な場合、元の画像の左側と右側から 50 ピクセル離れます。したがって、サイズを 300x300 に変更します。これにより、元の画像が新しいサムネイルと同じ縦横比になります。その後、必要なサムネイル サイズに縮小されます。

これの利点は次のとおりです。

• サムネイルは画像の中心から取得されます
• アスペクト比が崩れない

400x300 の画像を 100x100 に縮小すると、つぶれたように見えます。サムネイルを 0x0 座標から取得すると、画像の左上になります。通常、画像の焦点は中心です。

私ができるようにしたいのは、スクリプトに任意の縦横比の幅/高さを与えることです。たとえば、400x300 の画像を 400x100 にサイズ変更したい場合、画像の左右を 150px 削る必要があります...

これを行う方法が思いつきません。何か案は？

私は最近、Android アプリのレイアウトを作成しようとしています。最初に実際のハンドセットでデバッグしたところ、レイアウトは問題ないように見えました。ただし、後でエミュレーターで実行しようとしましたが、異なる解像度で実行しました。すると、画面に収まりません。幅は問題ないように見えますが、高さはそうではありません。私のハンドセットの解像度は 480x800 です。アスペクト比と何か関係があるのでしょうか。私はすべての次元を dp で持っています。エミュレーターの解像度には問題ないように見えるものもあれば、そうでないものもあります。Android はそれ自体をスケーリングするべきではありませんか?

レイアウトファイルの外観は次のとおりです。

Dimens ファイル:

一部の解像度では、テキストビューの半分しか表示されず、その下にボタンが表示されません。

実例：http：//jsfiddle.net/4jmY2/4/

ズームイン/ズームアウト（Ctrl +/-）すると、要素が動き回るのがわかります。どのサイズでもコンテンツが同じままになるように、アスペクト比を維持するにはどうすればよいですか？

HTML

CSS

同じアスペクト比（基本的には正方形）にする必要のある任意の寸法の画像が多数あります。したがって、1つの画像が100x300の場合、出力は300x300になります。私が望まないのは、何らかの方法で拡大縮小または拡大された画像です。画像の側面に背景色（白）を適用してから、元の画像を中央に配置します（元のアスペクト比に応じて垂直または水平に）。

いくつかの異なる変換コマンドを試してみましたが、魔法のコマンドはまだ見つかりませんでした。これらはすべて、画像を歪ませてアスペクト比に到達するか、画像を正しい大きいサイズに拡大縮小しますが、アスペクトはありません。私が探していた比率。

前もって感謝します

これは簡単なように思えますが、何も得られません。

スクロールせずに、アスペクト比を維持しながら、ブラウザー ウィンドウに合わせて自動的に拡大縮小する単一の SVG 画像を含む HTML ページを作成したいと考えています。

たとえば、現時点では 1024x768 の SVG 画像があります。ブラウザのビューポートが 1980x1000 の場合、画像を 1333x1000 (垂直に塗りつぶし、水平に中央揃え) で表示します。ブラウザが 800x1000 の場合、800x600 で表示します (水平方向に塗りつぶし、垂直方向に中央揃え)。

現在、次のように定義しています。

ただし、これはブラウザーの全幅 (幅は広いが短いウィンドウの場合) に拡大され、垂直スクロールが生成されますが、これは私が望んでいるものではありません。

私は何が欠けていますか？

レイアウトしようとしている画面があります...

基本的に、私は 4 つの ImageButton オブジェクトを画面上で垂直方向に均等に分散しようとしています...ここではこれを使用してアイテムを均等に分散しましたが、画像を拡大縮小してアスペクト比を維持するのにひどい時間を過ごしています... 「fitXY」を使用scaleType="centerInside"すると、縦横比が維持されません... レイアウトは次のようになります。

コードは次のとおりです。

うまくいけば、誰かが助けてくれるでしょう。

イメージビュー内で実行しているアニメーションは、イメージ フレームのアスペクト比を維持することを拒否します。SOの次の回答は非常に有益ですが、私にはうまくいかないようです: アスペクト比を維持するためにImageViewで画像をスケーリングする方法

コードは次のとおりです。

R.anim.my_animation は単なるアニメーション リストです。