【移動應(yīng)用開發(fā)技術(shù)】Android中怎么實(shí)現(xiàn)自適應(yīng)布局

【移動應(yīng)用開發(fā)技術(shù)】Android中怎么實(shí)現(xiàn)自適應(yīng)布局

這篇文章給大家介紹Android中怎么實(shí)現(xiàn)自適應(yīng)布局，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。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>對于平板（豎直的）來說，我們可以添加一些外邊距，因?yàn)槠聊粔虼蟆es/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>在平板上豎直和水平的***區(qū)別在于，我們會加上margin值，這樣內(nèi)容就不會充滿整個屏幕了、我們還可以給父視圖加一個背景圖片，來填充空白區(qū)域。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>這是在四寸屏幕手機(jī)的效果：這是在七寸平板上的效果：這是在七寸平板的橫屏效果：還有一些在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>把這些樣式放在對應(yīng)的配置文件夾中，然后就可以在需要的時候隱藏顯示相應(yīng)的控件了。<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>對于平板（水平的）來說，此樣式會顯示兩列，但是對于大多數(shù)設(shè)備來說，第二列是不會顯示的。僅僅用了幾行xml代碼，我們就