完美世界txt全集下载,完结小说排行榜,欢乐颂

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

本篇內(nèi)容介紹了“Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有馬龍免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

我們先來(lái)看一下Android手機(jī)的設(shè)置界面，點(diǎn)擊一下Sound，可以跳轉(zhuǎn)到聲音設(shè)置界面，如下面兩張圖所示：

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

然后再來(lái)看一下Android Pad的設(shè)置界面，主設(shè)置頁(yè)面和聲音設(shè)置頁(yè)面都是在一個(gè)界面顯示的，如下圖所示：

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

如果這分別是兩個(gè)不同的App做出的效果，那沒(méi)有絲毫驚奇之處。但如果是同一個(gè)App，在手機(jī)上和平板上運(yùn)行分別有以上兩種效果的話，你是不是就已經(jīng)心動(dòng)了？我們現(xiàn)在就來(lái)模擬實(shí)現(xiàn)一下。

首先你需要對(duì)Fragment有一定的了解，如果你還沒(méi)接觸過(guò)Fragment，建議可以先閱讀 Android Fragment完全解析，關(guān)于碎片你所需知道的一切這篇文章。并且本次的代碼是運(yùn)行在Android 4.0版本上的，如果你的SDK版本還比較低的話，建議可以先升升級(jí)了。

新建一個(gè)Android項(xiàng)目，取名叫FragmentDemo。打開(kāi)或新建MainActivity作為程序的主Activity，里面有如下自動(dòng)生成的內(nèi)容：

publicclass MainActivity extends Activity {    
@Override  
publicvoid onCreate(Bundle savedInstanceState) {    
super.onCreate(savedInstanceState);    
        setContentView(R.layout.activity_main);    
    }    
}

public class MainActivity extends Activity {     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);     } }

作為一個(gè)Android老手，上面的代碼實(shí)在太小兒科了，每個(gè)Activity中都會(huì)有這樣的代碼。不過(guò)今天我們的程序可不會(huì)這么簡(jiǎn)單，加載布局這一塊還是大有文章的。

打開(kāi)或新建res/layout/activity_main.xml作為程序的主布局文件，里面代碼如下：


xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="horizontal" 
tools:context=".MainActivity"> 
android:id="@+id/menu_fragment" 
android:name="com.example.fragmentdemo.MenuFragment" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
/>

這個(gè)布局引用了一個(gè)MenuFragment，我們稍后來(lái)進(jìn)行實(shí)現(xiàn)，先來(lái)看一下今天的一個(gè)重點(diǎn)，我們需要再新建一個(gè)activity_main.xml，這個(gè)布局文件名和前面的主布局文件名是一樣的，但是要放在不同的目錄下面。

別走開(kāi)，下頁(yè)為您繼續(xù)介紹Fragment實(shí)現(xiàn)Android程序手機(jī)平板兼容

在res目錄下新建layout-large目錄，然后這個(gè)目錄下創(chuàng)建新的activity_main.xml，加入如下代碼：


xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="horizontal" 
android:baselineAligned="false" 
tools:context=".MainActivity" 
> 
android:id="@+id/left_fragment" 
android:name="com.example.fragmentdemo.MenuFragment" 
android:layout_width="0dip" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
/> 
android:id="@+id/details_layout" 
android:layout_width="0dip" 
android:layout_height="fill_parent" 
android:layout_weight="3" 
>

這個(gè)布局同樣也引用了MenuFragment，另外還加入了一個(gè)FrameLayout用于顯示詳細(xì)內(nèi)容。其實(shí)也就是分別對(duì)應(yīng)了平板界面上的左側(cè)布局和右側(cè)布局。

這里用到了動(dòng)態(tài)加載布局的技巧，首先Activity中調(diào)用 setContentView(R.layout.activity_main) ，表明當(dāng)前的Activity想加載activity_main這個(gè)布局文件。而Android系統(tǒng)又會(huì)根據(jù)當(dāng)前的運(yùn)行環(huán)境判斷程序是否運(yùn)行在大屏幕設(shè)備上，如果運(yùn) 行在大屏幕設(shè)備上，就加載layout-large目錄下的activity_main.xml，否則就默認(rèn)加載layout目錄下的 activity_main.xml。

關(guān)于動(dòng)態(tài)加載布局的更多內(nèi)容，可以閱讀 Android官方提供的支持不同屏幕大小的全部方法這篇文章。

下面我們來(lái)實(shí)現(xiàn)久違的MenuFragment，新建一個(gè)MenuFragment類繼承自Fragment，具體代碼如下：

    publicclass MenuFragment extends Fragment implements OnItemClickListener {   
    /** 
         * 菜單界面中只包含了一個(gè)ListView。 
         */ 
    private ListView menuList;   
    /** 
         * ListView的適配器。 
         */ 
    private ArrayAdapter adapter;   
    /** 
         * 用于填充ListView的數(shù)據(jù)，這里就簡(jiǎn)單只用了兩條數(shù)據(jù)。 
         */ 
    private String[] menuItems = { "Sound", "Display" };   
    /** 
         * 是否是雙頁(yè)模式。如果一個(gè)Activity中包含了兩個(gè)Fragment，就是雙頁(yè)模式。 
         */ 
    privateboolean isTwoPane;   
    /** 
         * 當(dāng)Activity和Fragment建立關(guān)聯(lián)時(shí)，初始化適配器中的數(shù)據(jù)。 
         */ 
    @Override 
    publicvoid onAttach(Activity activity) {   
    super.onAttach(activity);   
            adapter = new ArrayAdapter(activity, android.R.layout.simple_list_item_1, menuItems);   
        }   
    /** 
         * 加載menu_fragment布局文件，為L(zhǎng)istView綁定了適配器，并設(shè)置了監(jiān)聽(tīng)事件。 
         */ 
    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
            View view = inflater.inflate(R.layout.menu_fragment, container, false);   
            menuList = (ListView) view.findViewById(R.id.menu_list);   
            menuList.setAdapter(adapter);   
            menuList.setOnItemClickListener(this);   
    return view;   
        }   
    /** 
         * 當(dāng)Activity創(chuàng)建完畢后，嘗試獲取一下布局文件中是否有details_layout這個(gè)元素，如果有說(shuō)明當(dāng)前 
         * 是雙頁(yè)模式，如果沒(méi)有說(shuō)明當(dāng)前是單頁(yè)模式。 
         */ 
    @Override 
    publicvoid onActivityCreated(Bundle savedInstanceState) {   
    super.onActivityCreated(savedInstanceState);   
    if (getActivity().findViewById(R.id.details_layout) != null) {   
                isTwoPane = true;   
            } else {   
                isTwoPane = false;   
            }   
        }   
    /** 
         * 處理ListView的點(diǎn)擊事件，會(huì)根據(jù)當(dāng)前是否是雙頁(yè)模式進(jìn)行判斷。如果是雙頁(yè)模式，則會(huì)動(dòng)態(tài)添加Fragment。 
         * 如果不是雙頁(yè)模式，則會(huì)打開(kāi)新的Activity。 
         */ 
    @Override 
    publicvoid onItemClick(AdapterView arg0, View view, int index, long arg3) {   
    if (isTwoPane) {   
                Fragment fragment = null;   
    if (index == 0) {   
                    fragment = new SoundFragment();   
                } elseif (index == 1) {   
                    fragment = new DisplayFragment();   
                }   
getFragmentManager().beginTransaction().replace(R.id.details_layout, fragment).commit();   
            } else {   
                Intent intent = null;   
    if (index == 0) {   
                    intent = new Intent(getActivity(), SoundActivity.class);   
                } elseif (index == 1) {   
                    intent = new Intent(getActivity(), DisplayActivity.class);   
                }   
                startActivity(intent);   
            }   
        }   
    }

public class MenuFragment extends Fragment implements OnItemClickListener {     /**      * 菜單界面中只包含了一個(gè)ListView。      */     private ListView menuList;     /**      * ListView的適配器。      */     private ArrayAdapter adapter;     /**      * 用于填充ListView的數(shù)據(jù)，這里就簡(jiǎn)單只用了兩條數(shù)據(jù)。      */     private String[] menuItems = { "Sound", "Display" };     /**      * 是否是雙頁(yè)模式。如果一個(gè)Activity中包含了兩個(gè)Fragment，就是雙頁(yè)模式。      */     private boolean isTwoPane;      /**      * 當(dāng)Activity和Fragment建立關(guān)聯(lián)時(shí)，初始化適配器中的數(shù)據(jù)。      */     @Override     public void onAttach(Activity activity) {         super.onAttach(activity);         adapter = new ArrayAdapter(activity, android.R.layout.simple_list_item_1, menuItems);     }     /**      * 加載menu_fragment布局文件，為L(zhǎng)istView綁定了適配器，并設(shè)置了監(jiān)聽(tīng)事件。      */     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {         View view = inflater.inflate(R.layout.menu_fragment, container, false);         menuList = (ListView) view.findViewById(R.id.menu_list);         menuList.setAdapter(adapter);         menuList.setOnItemClickListener(this);         return view;     }     /**      * 當(dāng)Activity創(chuàng)建完畢后，嘗試獲取一下布局文件中是否有details_layout這個(gè)元素，如果有說(shuō)明當(dāng)前      * 是雙頁(yè)模式，如果沒(méi)有說(shuō)明當(dāng)前是單頁(yè)模式。      */     @Override     public void onActivityCreated(Bundle savedInstanceState) {         super.onActivityCreated(savedInstanceState);         if (getActivity().findViewById(R.id.details_layout) != null) {             isTwoPane = true;         } else {             isTwoPane = false;         }     }     /**      * 處理ListView的點(diǎn)擊事件，會(huì)根據(jù)當(dāng)前是否是雙頁(yè)模式進(jìn)行判斷。如果是雙頁(yè)模式，則會(huì)動(dòng)態(tài)添加Fragment。      * 如果不是雙頁(yè)模式，則會(huì)打開(kāi)新的Activity。      */     @Override     public void onItemClick(AdapterView arg0, View view, int index, long arg3) {         if (isTwoPane) {             Fragment fragment = null;             if (index == 0) {                 fragment = new SoundFragment();             } else if (index == 1) {                 fragment = new DisplayFragment();             } getFragmentManager().beginTransaction().replace(R.id.details_layout, fragment).commit();         } else {             Intent intent = null;             if (index == 0) {                 intent = new Intent(getActivity(), SoundActivity.class);             } else if (index == 1) {                 intent = new Intent(getActivity(), DisplayActivity.class);             }             startActivity(intent);         }     } }

這個(gè)類的代碼并不長(zhǎng)，我簡(jiǎn)單的說(shuō)明一下。在onCreateView方法中加載了menu_fragment這個(gè)布局，這個(gè)布局里面包含了一個(gè)ListView，然后我們對(duì)這個(gè)ListView填充了兩個(gè)簡(jiǎn)單的數(shù)據(jù) "Sound" 和 "Display" 。又在 onActivityCreated方法中做了一個(gè)判斷，如果Activity的布局中包含了details_layout這個(gè)元素，那么當(dāng)前就是雙頁(yè)模式，否則就是單頁(yè)模式。onItemClick方法則處理了ListView的點(diǎn)擊事件，發(fā)現(xiàn)如果當(dāng)前是雙頁(yè)模式，就動(dòng)態(tài)往details_layout 中添加Fragment，如果當(dāng)前是單頁(yè)模式，就直接打開(kāi)新的Activity。

別走開(kāi)，下頁(yè)為您繼續(xù)介紹Fragment實(shí)現(xiàn)Android程序手機(jī)平板兼容

我們把MenuFragment中引用到的其它內(nèi)容一個(gè)個(gè)添加進(jìn)來(lái)。新建menu_fragment.xml文件，加入如下代碼：

 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
android:id="@+id/menu_list" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
>

然后新建SoundFragment，里面內(nèi)容非常簡(jiǎn)單：

publicclass SoundFragment extends Fragment {   
@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
        View view = inflater.inflate(R.layout.sound_fragment, container, false);   
return view;   
    }   
}

public class SoundFragment extends Fragment {     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {         View view = inflater.inflate(R.layout.sound_fragment, container, false);         return view;     } }

這里SoundFragment需要用到sound_fragment.xml布局文件，因此這里我們新建這個(gè)布局文件，并加入如下代碼：

  
ativeLayoutxmlns:androidRelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="match_parent"  
android:layout_height="match_parent"  
android:background="#00ff00"  
android:orientation="vertical">  
android:layout_width="wrap_content"  
android:layout_height="wrap_content"  
android:layout_centerInParent="true"  
android:textSize="28sp"  
android:textColor="#000000"  
android:text="This is sound view"  
/>

同樣的道理，我們?cè)傩陆―isplayFragment和display_fragment.xml布局文件：

publicclass DisplayFragment extends Fragment {   
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
        View view = inflater.inflate(R.layout.display_fragment, container, false);   
return view;   
    }   
}

 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#0000ff" 
android:orientation="vertical"> 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_centerInParent="true" 
android:textSize="28sp" 
android:textColor="#000000" 
android:text="This is display view" 
/>

然后新建SoundActivity，代碼如下：

publicclass SoundActivity extends Activity {   
@Override 
protectedvoid onCreate(Bundle savedInstanceState) {   
super.onCreate(savedInstanceState);   
        setContentView(R.layout.sound_activity);   
    }   
}

public class SoundActivity extends Activity {     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.sound_activity);     } }

這個(gè)Activity只是加載了一個(gè)布局文件，現(xiàn)在我們來(lái)實(shí)現(xiàn)sound_activity.xml這個(gè)布局文件：

 
android:id="@+id/sound_fragment" 
android:name="com.example.fragmentdemo.SoundFragment" 
android:layout_width="match_parent" 
android:layout_height="match_parent">

這個(gè)布局文件引用了SoundFragment，這樣寫的好處就是，以后我們只需要在SoundFragment中修改代碼，SoundActivity就會(huì)跟著自動(dòng)改變了，因?yàn)樗械拇a都是從SoundFragment中引用過(guò)來(lái)的。

好，同樣的方法，我們?cè)偻瓿蒁isplayActivity：

publicclass DisplayActivity extends Activity {   
@Override 
protectedvoid onCreate(Bundle savedInstanceState) {   
super.onCreate(savedInstanceState);   
        setContentView(R.layout.display_activity);   
    }   
}

public class DisplayActivity extends Activity {     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.display_activity);     } }

別走開(kāi)，下頁(yè)為您繼續(xù)介紹Fragment實(shí)現(xiàn)Android程序手機(jī)平板兼容

然后加入display_activity.xml:

 
android:id="@+id/display_fragment" 
android:name="com.example.fragmentdemo.DisplayFragment" 
android:layout_width="match_parent" 
android:layout_height="match_parent">

現(xiàn)在所有的代碼就都已經(jīng)完成了，我們來(lái)看一下效果吧。

首先將程序運(yùn)行在手機(jī)上，效果圖如下：

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

分別點(diǎn)擊Sound和Display，界面會(huì)跳轉(zhuǎn)到聲音和顯示界面：

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

然后將程序在平板上運(yùn)行，點(diǎn)擊Sound，效果圖如下：

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

然后點(diǎn)擊Display切換到顯示界面，效果圖如下：

Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板

“Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

網(wǎng)站名稱：Android程序怎么實(shí)現(xiàn)兼容手機(jī)和平板
分享鏈接：http://fisionsoft.com.cn/article/jjgopj.html

新聞中心

其他資訊