Android中如何實現自適應布局

這篇文章主要介紹了Android中如何實現自適應布局的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇Android中如何實現自適應布局文章都會有所收獲，下面我們一起來看看吧。

res/values/styles.xml

<style name="Container">     <item name="android:layout_margin">0dp</item>     <item name="android:padding">16dp</item>     <item name="android:layout_width">match_parent</item>     <item name="android:layout_height">match_parent</item>     <item name="android:orientation">vertical</item>     <item name="android:background">@drawable/container_background</item>     </style>

對于平板（豎直的）來說，我們可以添加一些外邊距，因為屏幕夠大。

res/values-sw600dp/styles.xml

<style name="Container">     <item name="android:layout_margin">0dp</item>     <item name="android:padding">32dp</item>     <item name="android:layout_width">match_parent</item>     <item name="android:layout_height">match_parent</item>     <item name="android:orientation">vertical</item>     <item name="android:background">@drawable/container_background</item>     </style>

在平板上豎直和水平的***區別在于，我們會加上margin值，這樣內容就不會充滿整個屏幕了、我們還可以給父視圖加一個背景圖片，來填充空白區域。

res/values-sw600dp-land/styles.xml

<style name="Container">     <item name="android:layout_marginRight">130dp</item>     <item name="android:layout_marginLeft">130dp</item>     <item name="android:padding">32dp</item>     <item name="android:layout_width">match_parent</item>     <item name="android:layout_height">match_parent</item>     <item name="android:orientation">vertical</item>     <item name="android:background">@drawable/container_background</item>     </style>

然后我們可以在不同的屏幕上，這樣使用樣式文件：

<LinearLayout style="@style/Container">     ... buttons, edit texts, text views, etc ...     </LinearLayout>

這是在四寸屏幕手機的效果：

這是在七寸平板上的效果：

這是在七寸平板的橫屏效果：

還有一些在CSS里面非常方便的屬性（比如bootstrap），它們是一些幫助類，如.visible-phone,.hidden-phone,.visible-tablet等等，在Android上也可以這么做。

<!-- Device Visibility -->     <style name="PhoneOnly">         <item name="android:visibility">gone</item>     </style>          <style name="TabletOnly">         <item name="android:visibility">visible</item>     </style>          <style name="TabletPortraitOnly">         <item name="android:visibility">gone</item>     </style>          <style name="TabletLandscapeOnly">         <item name="android:visibility">visible</item>     </style>

把這些樣式放在對應的配置文件夾中，然后就可以在需要的時候隱藏顯示相應的控件了。

<LinearLayout android:id="@+id/column_one">       ... some content ...     </LinearLayout>          <LinearLayout android:id="@+id/column_two"       style="@style/TabletLandscapeOnly">       ... some extra content since we have space ...     </LinearLayout>

對于平板（水平的）來說，此樣式會顯示兩列，但是對于大多數設備來說，第二列是不會顯示的。

僅僅用了幾行xml代碼，我們就能夠創建一個迷你的布局框架了，我們還可以擴展這種技術，根據需要去實現一個通用的樣式文件，以后可以用到項目中。

關于“Android中如何實現自適應布局”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“Android中如何實現自適應布局”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。