2017-05-06 55 views
2

在官方iOS應用程序開發教程的Implement Edit and Delete Behavior部分末尾,提到佈局有錯誤,使用堆棧視圖修復這些錯誤僅作爲讀者的練習。 爲了解決這些問題,我按照下列步驟:如何解決官方iOS應用程序開發教程中的自動佈局問題?

  1. 添加水平疊層視圖,其中將包含所述的UIImageView和垂直疊層圖。
  2. 將水平堆棧視圖的邊限制到超視圖的邊緣。
  3. 將標籤和分級控制添加到垂直堆棧視圖。
  4. 將內容模式設置爲UIImageView中的寬高比。的UIImageView的所有1000

Your Meals Scene

  • 設置CHCR性能然而,佈局依然不合我的胃口。例如,我已開始在iPhone 5模擬器應用程序,這是這種情況:

    Your Meals Scene on iPhone 5

    視圖不延伸到單元的頂部和底部(與保持縱橫比)的圖像。此外,當我點擊「編輯」,將圖像視圖縮小,而不是等級控制和標籤:

    enter image description here

    同樣,當我們滑塊向左行,而不是標籤和評級控制是萎縮的圖像視圖滑出的視圖:

    enter image description here

    我想圖像視圖呆在那裏完全和評分控制和標籤在必要時收縮。

    我也嘗試用普通的水平堆棧視圖替換Rating Control,其中包含5個普通按鈕。這是結果:

    enter image description here

    enter image description here

    enter image description here

    enter image description here

    這個時候,的UIImageView覆蓋整個小區。我期待:

    1. UIImageView的高度等於單元格的高度。
    2. UIImageView的寬度與其高度成正比(因爲我已將UIImageView的內容模式設置爲界面生成器中的Aspect Fit)。
    3. 標籤所覆蓋的剩餘空間和新的評級控制。他們應該佔用剩餘空間,因爲我已將UIImageView的CHCR設置爲全部1000。

    更新:

    這裏添加的縱橫比約束的圖像查看後認爲:

    enter image description here

    enter image description here

    它已接近完成,除了事實圖像視圖不會從左邊緣開始。爲了解決這個問題,我嘗試將圖像視圖的前沿位置設置爲超視圖的前沿位置,但這沒有幫助。

    我該如何達到所需的佈局?

  • 回答

    0

    滑動刪除部分正常工作,因爲它應該。整個單元格向左滑動而不向左縮(看看Mail.app,你會看到它的行爲方式相同)。

    至於你用是當表在編輯模式下一個日漸只有部分圖像視圖具有其他問題...

    1. 調低評級觀點和標籤的抗壓性。
    2. 將長寬比約束添加到圖像視圖。
    3. 選擇圖像視圖和內容視圖(最簡單的方法是在大綱視圖中使用 命令鍵進行截圖),並將其設置爲 它們具有相同的高度。 這應該在編輯模式下使圖像視圖縮小。如果沒有嘗試單元頂層的水平堆棧視圖的各種模式。
    +0

    添加長寬比約束可修復圖像視圖縮小的問題(請參閱編輯)。但是,圖像視圖未附加到單元格左邊緣的問題仍然存在。 – Utku

    +0

    請參閱我的答案中的第一句話,當用戶將單元格向左滑動時,圖像視圖不應該是可見的。這個想法是,_entire_單元正在移動以顯示它下面的刪除按鈕。您無法使用滑動來刪除功能並仍然可以看到整個單元格。左邊緣將被視爲隱藏。如果您希望即使在滑動過程中圖像始終可見,您也必須將其交換到單元格的右側。 – theMikeSwan

    +0

    我不是在說要刪除的滑動。我正在討論如何在應用程序加載時出現表格。請看我最新編輯的第一張圖片。 – Utku