2021年2月6日 星期六

Android Studio - Frame Layout 幀版面佈局(十五)

Android Studio - Frame Layout 幀版面佈局(十五):

Frame Layout(幀版面佈局)是 Android 佈局中最簡單的一種,使用 <framelayout> </framelayout> 標籤。幀佈局為每個加入其中的控制項創建一個空白區域(稱為一幀,每個控制項佔據一 幀)。釆用幀佈局方式設計介面時,只能在螢幕左上角顯示一個控制項,如果添加多個控制項,這些控制項會按照順序在螢幕的左上角重疊顯示。

Frame Layout 幀版面佈局程式
  • 操作系統:Windows 7 64-bit 版本 開發環境:Android Studio 4.0.1 版本
  • Gradle 版本:6.1.1
  • 手機測試版本:API 19
  • 原程式:C:\Development\Development_Android\Android_Project\ Layout - FrameLayout
  • 程式:C:\Development\Development_Android\Android_Project\ Layout - FrameLayout
Frame Layout - layout/activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

 

 

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="horizontal">

 

        <Button

            android:id="@+id/button1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="畫面1" />

        <Button

            android:id="@+id/button2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="畫面2" />

        <Button

            android:id="@+id/button3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="畫面3" />

    </LinearLayout>

    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent">

 

        <LinearLayout

            android:id="@+id/layout1"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="vertical"

            android:visibility="invisible">

 

            <TextView

                android:id="@+id/textView1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_gravity="center"

                android:layout_marginTop="40dp"

                android:text="畫面1"

                android:textSize="40dp" />

        </LinearLayout>

        <LinearLayout

            android:id="@+id/layout2"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="vertical"

            android:visibility="invisible">

            <TextView

                android:id="@+id/textView2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:textSize="40dp"

                android:layout_gravity="center"

                android:layout_marginTop="40dp"

                android:text="畫面2" />

        </LinearLayout>

        <LinearLayout

            android:id="@+id/layout3"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="vertical"

            android:visibility="invisible">

            <TextView

                android:id="@+id/textView3"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:textSize="40dp"

                android:layout_gravity="center"

                android:layout_marginTop="40dp"

                android:text="畫面3" />

        </LinearLayout>

 

    </FrameLayout>

</LinearLayout>


2021年 2月 6日(Sat)天氣報告
氣溫:32.0°F / 0.0°C @ 08:00
風速:每小時 14 公里
相對濕度:百分之 57%
天氣:大致晴朗

沒有留言:

張貼留言