Android幀布局簡單案例(附完整源碼)

本博文是安卓基礎，不需要太高深的内容，錯，根本沒有任何高深的内容。需要的是你有會成功跑第一行hello world的基礎。是以，我将仔細展現如何操控幀布局。

幀布局測試效果

是不是感覺很醜，我也覺得。我來講解為什麼會這樣

幀布局提前打針

幀布局是将元件放置到左上角位置，當添加多個元件時，後面的元件會遮蓋之前的元件。 黑體是重點，不然你就無法了解幀布局的本質

案例步驟

建立新類

確定大家都會跑模拟器喲

mooc連結

這個課程可以教大家配置模拟器，然後我們言歸正傳

這一步基礎操作，我們繼續往下面走，選擇

Empty Activity

finish完成後，直接

或

然後等待模拟器會出現hello world! ，我們繼續往下面做！

上傳圖檔

從網上照一張或者自己搞一張5050~7575之間的圖檔，任意但不要太大，格式任意，名字不要任意。名字英文！規範！初學者就取by吧(測試裡用了by)

一定要拖到drawable，比如像這種拖拽，

ok後，我們基礎圖檔有了，直接上測試樣例

布局檔案源碼

代碼後我做分析

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:foreground="@drawable/by"
    android:foregroundGravity="right|top">


    <TextView
        android:id="@+id/txt"
        android:layout_width="350dp"
        android:layout_height="200dp"
        android:background="@color/colorAccent"/>
    <TextView
        android:layout_width="250dp"
        android:layout_height="150dp"
        android:id="@+id/txt2"
        android:background="@color/colorPrimary"
        android:text="後添加的文本框"
        android:textSize="24sp"
        />

</FrameLayout>
           

幀布局架構FrameLayout，我們添加了兩個TextView。圖檔是在整個幀布局裡做前景背景

FrameLayout講解

這個代碼width填充父元素。height比對父元素。父元素就是整個app。gravity就是設定它的方向，foreground就是設定圖檔目錄的。

TextView講解

width與weight我們是采用dp機關，大家當作像素為機關吧。text就是顯示文本内容。textSize就是字型大小，background就是背景顔色，調用的是檔案下設定後的背景！id就是元件的别名。如果想自己改動在@+id/别名.比如：@+id/txt3.一般都是英文大家都懂得。

觀察布局檔案調用

因為之前沒動過，是以都是預設

啟動

測試效果就是這樣子的

總結

• 搭建新類
• 上傳資源圖檔
• 編輯布局代碼
• 更改檔案調用

• run測試效果

  幀布局就是将原先元件進行覆寫，後期基礎學習都用線性布局，可以參考部落客寫的這個博文：

  Android基礎小白線性布局簡單案例(附完整源碼)

  希望此博文對大家有幫助！