一、FrameLayout介绍
FrameLayout帧布局是最简单的布局之一,采用帧布局的容器中无论放入多少个控件,控件默认情况下左上角都对齐到容器的左上角,如果控件一样大,同一时间只能见到最上面的。
二、用FrameLayout构建一个饮食介绍界面
1、效果
2、源代码
activity_main.xml
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
-
- <LinearLayout
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:orientation="vertical" >
-
- <LinearLayout
- android:layout_width="fill_parent"
- android:layout_height="40dp"
- android:background="@drawable/title" >
-
- <TextView
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:gravity="center"
- android:text="土豆白菜汤的做法"
- android:textColor="#ffffff"
- android:textSize="30sp" />
-
- </LinearLayout>
-
- <LinearLayout
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:background="#ffd700" >
-
- <TextView
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:text="做法: 土豆削皮,切成小拇指粗细的土豆条,冲洗沥干备用; 取白菜头,手撕成片,大葱切丝备用;起油锅,油热后,下入葱丝小火煸炒值微黄,抽出葱干;下入土豆中火遍炒至土豆姿色变软;添加热水 大火烧开,转小火炖至汤浓;下入白菜叶子,继续炖煮至白菜和土豆软烂; 加入适量盐,出锅即可"
- android:textColor="#ffffff"
- android:textSize="20sp" />
- </LinearLayout>
- </LinearLayout>
-
- <LinearLayout
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:gravity="bottom|right" >
-
- <Button
- android:id="@+id/btnExit"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="退出" />
- </LinearLayout>
-
- </FrameLayout>
title.jpg
MainActivity.java
- package com.weipenng.android.myframelayout;
-
- import android.os.Bundle;
- import android.app.Activity;
- import android.view.Menu;
- import android.view.View;
- import android.widget.Button;
-
- public class MainActivity extends Activity {
-
-
-
- private Button btnExit;
-
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- btnExit=(Button) findViewById(R.id.btnExit);
-
-
- btnExit.setOnClickListener(new View.OnClickListener() {
-
- @Override
- public void onClick(View v) {
-
- System.exit(0);
- }
- });
-
- }
-
- @Override
- public boolean onCreateOptionsMenu(Menu menu) {
- // Inflate the menu; this adds items to the action bar if it is present.
- getMenuInflater().inflate(R.menu.main, menu);
- return true;
- }
-
- }