階層ビューア - クラウド上のオンライン

プログラム：

NAME

hierarchyviewer - Android ユーザー インターフェイスをデバッグおよび最適化するツール

SYNOPSIS

階層ビューア

DESCRIPTION

Hierarchy Viewer アプリケーションを使用すると、ユーザー インターフェイスをデバッグおよび最適化できます。 それ
レイアウトのビュー階層 (レイアウト ビュー) を視覚的に表現します。
ディスプレイの拡大されたインスペクター (Pixel Perfect View)。

階層ビューアを開始するには:

1. デバイスを接続するか、エミュレータを起動します。

2. シェルまたはデスクトップ環境のメニューから Hierarchy Viewer を起動します。

3. 開いたウィンドウにデバイスのリストが表示されます。 デバイスが選択されると、
現在アクティブな Windows のリストが右側に表示されます。 のそれは
現在フォアグラウンドにあるウィンドウ、およびロードしない場合はデフォルトのウィンドウもロードされます。
別のものを選択してください。

4. 検査するウィンドウを選択し、「ビュー階層のロード」をクリックします。 レイアウト
ビューがロードされます。 XNUMX 番目のボタンをクリックすると、Pixel Perfect View をロードできます。
ウィンドウの左下にあるアイコン。

デバイス上の別のウィンドウに移動した場合は、[Windows の更新] を押して更新します。
右側に利用可能なウィンドウのリストが表示されます。

レイアウト 詳しく見る
レイアウト ビューでは、ビューのレイアウトとプロパティを確認できます。 これには XNUMX つのビューがあります。

ツリー ビュー: 左側のビューの階層図。
プロパティ ビュー: 右上にある、選択したビューのプロパティのリスト。
ワイヤーフレーム ビュー: 右下にあるレイアウトのワイヤーフレーム図。

ツリー ビューでノードを選択すると、その要素のプロパティがプロパティに表示されます。
ビュー。 ノードが選択されると、ワイヤーフレーム ビューにはノードの境界も表示されます。
赤い四角形の要素。 ツリー内のノードをダブルクリックします (またはノードを選択して、
Display View) を使用して、その要素のレンダリングを含む新しいウィンドウを開きます。

レイアウト ビューには、レイアウトのデバッグに役立つ機能が他にもいくつか含まれています。
レイアウトを無効にしてリクエストします。 これらのボタンはそれぞれの View 呼び出しを実行します。
invalidate（） & requestLayout()、ツリー内で現在選択されている View 要素上で。
任意のビューでこれらのメソッドを呼び出すと、
アプリケーションのデバッガ。

ツリー ビューのサイズは、図の下にあるズーム スライダーを調整することで変更できます。 人数、個数、総数
ウィンドウ内の View 要素の数もここに示されています。 最小限に抑える方法を探す必要があります
ビュー数。 ウィンドウ内の View 要素が少ないほど、高速になります。
実行します。

デバイスを操作してフォーカスされたビューを変更すると、図は表示されなくなります。
自動的に更新されます。 「ビュー階層のロード」をクリックして、レイアウト・ビューを再ロードする必要があります。

ピクセル パーフェクト 詳しく見る
Pixel Perfect View は、現在のデバイス ウィンドウを拡大して表示します。 それは持っています
XNUMX つのビュー:

エクスプローラー ビュー: 左側にビュー階層をリストとして表示します。
通常ビュー: デバイス ウィンドウの通常ビュー (中央)。
ルーペ ビュー: 右側のデバイス ウィンドウの拡大されたピクセル グリッド ビュー。

エクスプローラー ビューで要素をクリックすると、通常のビューで「レイアウト ボックス」が描画されます。
その要素のレイアウト位置を示すビュー。 レイアウトボックスは複数を使用します
長方形、法線の境界、パディング、およびマージン (必要に応じて) を示します。 の
紫または緑の長方形は、要素の法線境界 (高さと
幅）。 パディングが有効な場合、内側の白または黒の長方形はコンテンツの境界を示します。
現在。 通常の紫/緑の長方形の外側にある黒または白の長方形は、
現在のマージン。 (各長方形には XNUMX つの色があり、
現在の背景の色に基づいて最適なコントラストを決定します。)

UI を設計する際に非常に便利な機能は、画像をオーバーレイする機能です。
通常ビューとルーペビュー。 たとえば、どのようにしたいかのモックアップ画像があるとします。
インターフェースをレイアウトします。 標準ビューのコントロールから [ロード...] を選択すると、次のことができます。
コンピュータから画像を選択すると、プレビューの上に配置されます。 あなたが選んだ
画像は画面の左下隅に固定されます。 その後、不透明度を調整できます
オーバーレイを編集し、モックアップに一致するようにレイアウトの微調整を開始します。

標準ビューとルーペ ビューは一定の間隔 (デフォルトでは 5 秒) で更新されますが、
エクスプローラー ビューにはありません。 別のビューに移動して別のビューに焦点を当てると、
[ビュー階層の読み込み] をクリックして、エクスプローラーの階層を更新する必要があります。 これは真実です
常に表示されるわけではない複数のビューを保持するウィンドウで作業しているとき。 もし
プレビューは更新されますが、エクスプローラーでビューをクリックしても更新されません。
階層はあなたがそうであると信じているので、標準ビューで適切なレイアウトボックスを提供してください。
まだ前のビューに焦点を当てています。

オプションのコントロールには次のものが含まれます。

オーバーレイ: オーバーレイ イメージをビューにロードし、その不透明度を調整します。
リフレッシュ レート: 標準ビューとルーペ ビューの表示を更新する頻度を調整します。
ズーム: ルーペビューのズームレベルを調整します。

COPYRIGHT

このマニュアルページは、ApacheLicenseバージョン2.0の下でライセンスされています。

著作権 (C) 2013 www.linuxtopia.org

Copyright（C）2013 Jakub Adam[メール保護]>

onworks.net サービスを使用してオンラインで HierarchyViewer を使用する