問題タブ [ppi]

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 投票する
0 に答える
46 参照

android - Android StudioでSamsung Galaxy note plusとGoogle Pixel XL3用に個別の値フォルダーを作成する方法

左から右、右から左の仮想カードスワイプビューを表示するために作成しています。そのため、Android UI 部分で以下のモバイルに共通の幅と高さ (xxxhdpi-values dimen.xml) を与えようとしています。

Samsung Galaxy Note プラス 6.8 インチ、1440*3040、498 PPI。

Google Pixel XL3 Android モバイル。 6.3 インチ、1440w*2960h、523 ppi 密度。

両方とも xxxhdpi 値フォルダーを検出します。したがって、一般的な幅の dp 値を指定した場合。次に、両方の画面デザインが異なるカード UI 配置を示しています。両方のデバイスで、UI が画面に適切にフィットしません。

そのため、Samsung デバイスを調整しようとすると、Google ピクセルのデザインが崩れたり、合わなかったりします。

ですから、この 2 つのデバイス用に個別の値フォルダーを作成したいなど、これは良い解決策です。

非常に昔、私はこの解決策を持っています。以下のリンクを見つけてください。

Androidで個別の値フォルダーSony Xperia Z1を作成する方法

例:このSamsungを試しました:(xxxhdpi-valuesフォルダー(640dpi)で検出)。dp=px/(dpi/160) なので、dp = 1440/(640/160)=360 . それで、sw360dp という値を取得しました。正確には、この方法が正しいかどうかはわかりません。

このリンクも参照しました。しかし、まだ明確な考えではありません。

Androidの異なる値フォルダー

Androidで異なる画面サイズごとにdimens.xmlを定義する方法は?

このUIの問題に関する代替/より良い解決策を誰かが助けて/提案してください。より多くの Android 開発者にとっても役立つかもしれません。

ありがとうアドバンス。

参照: 異なるピクセル密度をサポート:

https://developer.android.com/training/multiscreen/screendensities

ldpi 低密度 (ldpi) 画面 (~120dpi) 用のリソース。

mdpi 中密度 (mdpi) 画面 (~160dpi) 用のリソース。(これはベースライン密度です。)

hdpi 高密度 (hdpi) 画面 (~240dpi) 用のリソース。

超高密度 (xhdpi) 画面 (~320dpi) 用の xhdpi リソース。

xxhdpi 超超高密度 (xxhdpi) 画面 (~480dpi) 用のリソース。

xxxhdpi 超超超高密度 (xxxhdpi) 用のリソース (~640dpi)。

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

image-resizing - ノートに追加する画像のサイズ変更

妥当なファイル サイズにするために、特定のサイズまたは ppi の画像を縮小 (サイズ変更または圧縮) する必要がある業界標準/ガイドラインはありますか。できれば 2MB のしきい値。

iPhoneのメモ・To Doアプリに画像を追加する機能を追加します。しかし、良い画質とアップロード用の適切なサイズのファイルの最適な比率を目標にしたいと考えています。

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

javascript - 既知のサイズの印刷領域の画像の PPI を計算するにはどうすればよいですか?

私はこの回答を数週間にわたって何度も読んでおり、関連するトピックの優れた短期集中コースであり、学習の一部は私のユースケースに適用できますが、ディスプレイや物理デバイスの画面サイズには関心がありません.

私の使用例では、ユーザーが .png ファイルをアップロードしており、バックエンド呼び出しを保存または実行する前に、それが最小 PPI 要件を満たしていることを検証したいと考えています。

現在、私が使用している式は非常に単純です。印刷領域の既知の斜辺は 20 インチです。次に、画像の幅と高さをピクセル単位で対角線距離を計算し、それを 20 で割って PPI を取得します。私の理解では、これは私の目的のために機能するはずです。ほとんどの場合。この仮定が間違っている場合は修正してください。

私が解決するのに助けが必要な問題は、.png ファイルが透明なピクセルを許可しているという事実です。これにより、最初と最後の非透明ピクセル間の距離を見つけて、高さと幅の両方を計算するために数式を変更する必要があるという問題が発生します。両方のそれぞれの軸。

この種のイントロスペクションを行うのに役立つreactまたはjavascriptライブラリがあるかどうか、またはイメージマジックなどを使用してこの種の分析を行うバックエンドサービスを構築する必要があるかどうか疑問に思っていました. API へのラウンド トリップは避けたいのですが、この種の分析がリソースを大量に消費するため、バックエンドで実行する方が多くなる場合は理解しています。

また、代替ソリューションにもオープンです。