hierarchyviewer - Online sa Cloud

PROGRAMA:

NAME

hierarchyviewer - isang tool upang i-debug at i-optimize ang interface ng gumagamit ng Android

SINOPSIS

hierarchyviewer

DESCRIPTION

Binibigyang-daan ka ng Hierarchy Viewer application na i-debug at i-optimize ang iyong user interface. Ito
nagbibigay ng visual na representasyon ng View hierarchy ng layout (ang Layout View) at a
pinalaking inspektor ng display (ang Pixel Perfect View).

Upang simulan ang Hierarchy Viewer:

1. Ikonekta ang iyong device o maglunsad ng emulator.

2. Ilunsad ang Hierarchy Viewer mula sa shell o sa menu ng iyong desktop environment.

3. Sa window na bubukas, makikita mo ang isang listahan ng Mga Device. Kapag napili ang isang aparato, a
listahan ng kasalukuyang aktibong Windows ay ipinapakita sa kanan. Ang ay ang
window na kasalukuyang nasa foreground, at gayundin ang default na window na na-load kung hindi mo gagawin
pumili ng iba.

4. Piliin ang window na gusto mong siyasatin at i-click ang Load View Hierarchy. Ang Layout
Ilo-load ang view. Maaari mong i-load ang Pixel Perfect View sa pamamagitan ng pag-click sa pangalawa
icon sa kaliwang ibaba ng window.

Kung nag-navigate ka sa ibang window sa device, pindutin ang Refresh Windows para i-refresh
ang listahan ng mga available na window sa kanan.

Kaayusan tingnan
Nag-aalok ang Layout View ng pagtingin sa layout ng View at mga katangian. Mayroon itong tatlong pananaw:

Tree View: isang hierarchy diagram ng Views, sa kaliwa.
Properties View: isang listahan ng mga napiling property ng View, sa kanang tuktok.
Wire-frame View: isang wire-frame na drawing ng layout, sa kanang ibaba.

Pumili ng node sa Tree View upang ipakita ang mga katangian ng elementong iyon sa Properties
Tingnan. Kapag napili ang isang node, ipinapahiwatig din ng Wire-frame View ang mga hangganan ng
elementong may pulang parihaba. I-double click ang isang node sa puno (o piliin ito, at i-click
Display View) upang magbukas ng bagong window na may rendering ng elementong iyon.

Kasama sa Layout View ang ilang iba pang kapaki-pakinabang na feature para sa pag-debug ng iyong layout:
Invalidate at Kahilingan ang Layout. Isinasagawa ng mga button na ito ang kani-kanilang View call,
invalidate() at requestLayout(), sa elementong View na kasalukuyang pinili sa puno.
Ang pagtawag sa mga pamamaraang ito sa anumang View ay maaaring maging lubhang kapaki-pakinabang kapag sabay-sabay na nagpapatakbo ng a
debugger sa iyong application.

Maaaring baguhin ang laki ng Tree View sa pamamagitan ng pagsasaayos ng zoom slider, sa ibaba ng diagram. Ang numero
ng mga elemento ng View sa window ay ibinibigay din dito. Dapat kang maghanap ng mga paraan upang mabawasan
ang bilang ng Views. Ang mas kaunting mga elemento ng View ay nasa isang window, mas mabilis ito
gumanap.

Kung makikipag-ugnayan ka sa device at babaguhin ang nakatutok na View, ang diagram ay hindi
awtomatikong nagre-refresh. Dapat mong i-reload ang Layout View sa pamamagitan ng pag-click sa Load View Hierarchy.

Pixel perpekto tingnan
Ang Pixel Perfect View ay nagbibigay ng pinalaki na pagtingin sa kasalukuyang window ng device. Mayroon itong
tatlong view:

Explorer View: ipinapakita ang View hierarchy bilang isang listahan, sa kaliwa.
Normal View: isang normal na view ng window ng device, sa gitna.
Loupe View: isang pinalaki, pixel-grid na view ng window ng device, sa kanan.

Mag-click sa isang elemento sa Explorer View at isang "layout box" ay iguguhit sa Normal
Tingnan upang ipahiwatig ang posisyon ng layout ng elementong iyon. Gumagamit ang layout box ng maramihang
parihaba, upang ipahiwatig ang normal na mga hangganan, ang padding at ang margin (kung kinakailangan). Ang
purple o berdeng parihaba ay nagpapahiwatig ng normal na mga hangganan ng elemento (ang taas at
lapad). Ang panloob na puti o itim na parihaba ay nagpapahiwatig ng mga hangganan ng nilalaman, kapag ang padding ay
kasalukuyan. Ang isang itim o puting parihaba sa labas ng normal na purple/berdeng parihaba ay nagpapahiwatig
anumang kasalukuyang margin. (May dalawang kulay para sa bawat parihaba, upang maibigay ang
pinakamahusay na contrast batay sa mga kulay na kasalukuyang nasa background.)

Ang isang napakadaling tampok para sa pagdidisenyo ng iyong UI ay ang kakayahang mag-overlay ng isang imahe sa
Normal at Loupe Views. Halimbawa, maaari kang magkaroon ng mock-up na larawan kung paano mo gustong gawin
layout ng iyong interface. Sa pamamagitan ng pagpili sa I-load... mula sa mga kontrol sa Normal View, magagawa mo
piliin ang larawan mula sa iyong computer at ito ay ilalagay sa ibabaw ng preview. Iyong pinili
ang larawan ay mag-angkla sa kaliwang sulok sa ibaba ng screen. Pagkatapos ay maaari mong ayusin ang opacity
ng overlay at simulan ang pag-fine-tune ng iyong layout upang tumugma sa mock-up.

Ang Normal View at Loupe View ay nagre-refresh sa mga regular na pagitan (5 segundo bilang default), ngunit
ang Explorer View ay hindi. Kung magna-navigate ka palayo at tumuon sa ibang View, ikaw
dapat i-refresh ang hierarchy ng Explorer sa pamamagitan ng pag-click sa Load View Hierarchy. Ito ay kahit totoo
kapag nagtatrabaho ka sa isang window na naglalaman ng maraming View na hindi palaging nakikita. Kung
hindi mo gagawin, kahit na ang mga preview ay magre-refresh, ang pag-click sa isang View sa Explorer ay hindi
ibigay ang tamang kahon ng layout sa Normal View, dahil naniniwala ang hierarchy na ikaw
nakatutok pa rin sa naunang View.

Kasama sa mga opsyonal na kontrol ang:

Overlay: Mag-load ng overlay na larawan sa view at ayusin ang opacity nito.
Refresh Rate: Isaayos kung gaano kadalas nire-refresh ng Normal at Loupe View ang kanilang display.
Mag-zoom: Ayusin ang antas ng pag-zoom ng Loupe View.

COPYRIGHT

Ang manu-manong page na ito ay lisensyado sa ilalim ng Apache License, Bersyon 2.0.

Copyright (C) 2013 www.linuxtopia.org

Copyright (C) 2013 Jakub Adam[protektado ng email]>

Gamitin ang hierarchyviewer online gamit ang mga serbisyo ng onworks.net