設計師尋求Devs對圖像佈局的建議

//一點背景：
我是一位尋求開發人員幫助的移動設計師，我遇到了無法通過Google搜索和/或查看Android或iOS文檔。總之，我試圖確保我的設計文件在構建應用程序的所有頁面之前儘可能準確。我設計了一款Android/iOS應用程序，對屏幕密度非常熟悉，以及它們是如何處理的，但仍然存在一些關於不同場景在不同設備上顯示的問題，希望開發人員幫助解決一些問題。我，所以我可以幫你:)設計師尋求Devs對圖像佈局的建議

//在簡短的問題：
你會如何處理頁腳導航佈局與導致不同比例的不同高度的電話？可以這麼說「底部對齊」嗎？

//的詳細說明：
我明白元件使用彈性佈局，重量和邊緣放置，即已經被所述...爲XXHDPI機器人會規格是960W X 1440H，（這是3×MDPI @ 480DPI）。如果我將寬度更改爲1080以與Photoshop中的GS4相匹配，我的高度更改爲1620，但Galaxy S4的高度爲1920.底部的長度爲300像素（100DP），比Android的默認規格更長它與基於MDPI的屏幕不同。正確？如果我在自己的風格指南中從頭開始工作，我將提供給開發人員來指示元素之間的邊距，我不可能知道頁腳將會下多遠......因此，我無法提供在身體的最後一個元素和頁腳的頂部之間有一個準確的邊距（我可能不應該試圖去做）。當頁眉和頁腳分配給特定的DP值並被推到頂部和底部時，身體是否分配了重量？然後是分別嵌套在每個區域內的元素？（有點像HTML中的DIV可能？）。

我需要在某處開始我的設計，如果我在GS4的屏幕比例上創建我的設計，我可能會切斷其他設備上的元素或報告較小設備上的邊距不正確。

任何意見非常感謝，謝謝！

來源

2014-01-15 DesignMeat

底部對齊某些視圖當然是可能的。 Android包含一個RelativeLayout，它的子項可以有特定的佈局參數。

例如，可以alignParentBottom，整個視圖將位於屏幕的底部，無論屏幕有多高。其他視圖可以填充剩下的可用高度，大多數視圖都可以正確縮放。 ListView將顯示另一個項目（或2或1.5），ScrollView將顯示更多內容等。還可以對齊屏幕的左側/右側。

儘管一個sidenode，導航標籤應該放在Android應用程序屏幕的頂部。 Android設計指南說：「不要使用底部的標籤欄」。來源：http://developer.android.com/design/patterns/pure-android.html

來源

2014-01-15 18:17:10 fifarunnerr

好的，所以開發人員會將頁腳放置爲「alignParentBottom」，我猜測頁眉將設置爲「alignParentTop」身體如何處理？它有一個重量，會使它伸展？另外，如何處理堆疊順序？這看起來很明顯，但我猜測深度可能是這樣設置的：身體：1，頁腳：2，頁眉：3，所以身體在底部，頂部的頁眉和頁腳在中部 - 所以內容在頁腳下方滾動。（或者類似的東西......我只知道一些關於編程的知識） – DesignMeat

另外，iOS是否使用像Android這樣的邊距來放置元素，還是使用絕對X/Y座標來放置？ – DesignMeat

alignParentTop是默認的，將一個沒有參數的View添加到RelativeLayout將會把它放在屏幕的頂部。可以使用'layout_above'將View放在另一個之上。因此，您可以在alignParentBottom上設置頁腳，並在layout_above上設置正文以確保其位於頁腳上方。同樣，您可以使用layout_below將View設置爲另一個。據我所知，堆疊順序是視圖在佈局文件中定義的順序。 – fifarunnerr

設計師尋求Devs對圖像佈局的建議

回答

相關問題