Android帧布局(Frame Layout)

Android帧布局(Frame Layout)

 

FrameLayout是最简单的一个布局管理器。FrameLayout为每个加入其中的组件创建一个空白区域(一帧),这些组件根据layout_gravity执行自动对齐,如果组件layout_gravity的值一样,那么后面添加的组件会覆盖之前的。如果没有指定layout_gravity,默认为固定在屏幕的左上角。下面以几个例子来说明。

 

1.     根据layout_gravity的值来控制组件的位置

Android帧布局(Frame Layout)_第1张图片

图1

Xml代码如下:

<FrameLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.framelayout.MainActivity">
 
   <TextView
        android:id="@+id/view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:width="20px"
        android:height="20px"
        android:background="#f00"/>
   
   <TextView
        android:id="@+id/view2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:width="40px"
        android:height="40px"
        android:background="#0f0"/>
   
   <TextView
        android:id="@+id/view3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left|center"
        android:width="60px"
        android:height="60px"
        android:background="#00f"/>
   
   <TextView
        android:id="@+id/view4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:width="80px"
        android:height="80px"
        android:background="#ff0"/>
 
   <TextView
        android:id="@+id/view5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|center"
        android:width="100px"
        android:height="100px"
        android:background="#f0f"/>
   
   <TextView
        android:id="@+id/view6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:width="120px"
        android:height="120px"
        android:background="#0ff"/>
   
   <TextView
        android:id="@+id/view7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="140px"
        android:height="140px"
        android:background="#123"/>
 
</FrameLayout>


 

2.     霓虹灯图

Android帧布局(Frame Layout)_第2张图片

图2

Xml代码如下:

<FrameLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.framelayout.MainActivity">
 
   <TextView
        android:id="@+id/view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="320px"
        android:height="320px"
        android:background="#f00"/>
   
   <TextView
        android:id="@+id/view2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="280px"
        android:height="280px"
        android:background="#0f0"/>
   
   <TextView
        android:id="@+id/view3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="240px"
        android:height="240px"
        android:background="#00f"/>
   
   <TextView
        android:id="@+id/view4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="200px"
        android:height="200px"
        android:background="#ff0"/>
 
   <TextView
        android:id="@+id/view5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="160px"
        android:height="160px"
        android:background="#f0f"/>
   
   <TextView
        android:id="@+id/view6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="120px"
        android:height="120px"
        android:background="#0ff"/>
   
</FrameLayout>


如果只是通过上面xml代码来控制,这是静态的霓虹灯效果,可以通过代码控制实现动态的霓虹灯效果,实现原理是一个Timer定时调用TimerTask类run(),run()发送消息,然后handler从消息队列中读取出消息,并动态刷新这6个view的背景色,这样就可以实现了动态霓虹灯效果了,代码如下:

package com.example.framelayout;
 
import java.util.Timer;
import java.util.TimerTask;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.os.Message;
import android.os.Handler;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TextView;
 
public classMainActivity extends ActionBarActivity {
   private int currentColor = 0;
   protected static final String ACTIVITY_TAG="FramLayout";
  
   final int[] colors = new int[] {R.color.color1,
                            R.color.color2,
                            R.color.color3,
                            R.color.color4,
                            R.color.color5,
                            R.color.color6};
  
   final int[] names = new int[] {R.id.view1,
                            R.id.view2,
                            R.id.view3,
                            R.id.view4,
                            R.id.view5,
                            R.id.view6
                            };
  
   TextView[]views= newTextView[names.length];
   //创建一个匿名内部类,此类继承父类Handler并重写handleMessage方法。并立即创建此类的一个实例,创建后由handler指向此对象
Handlerhandler= new Handler()
   {
      @Override
      public void handleMessage(Messagemsg)
      {
         if(msg.what == 0x123)
         {
            for(int i = 0; i < names.length; i++)
            {
                views[i].setBackgroundResource(colors[(i + currentColor) % names.length]);
            }
            currentColor++;
            //Log.d(tag,message),把debug级别的日志打印到LogCat中
            Log.d(ACTIVITY_TAG,"handleMessage()"+currentColor);
         }
         super.handleMessage(msg);//这里的super就是Handler
      }
   };
 
   @Override
   protected void onCreate(BundlesavedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      for(int i = 0; i < names.length; i++)
      {
         views[i] = (TextView)findViewById(names[i]);
      }
     
      //1.创建一个匿名内部类,此类继承父类TimerTask并重写run方法。
      //2.创建一个Timer对象并调用schedule()来启动定时器
      new Timer().schedule(new TimerTask()
      {
         @Override
         public void run()
         {
            handler.sendEmptyMessage(0x123);
         }
      },0,200);
 
   }
 
}


 

实现此代码过程中,说明几点:

(1)增加color资源文件

右键values,选择New--->Android Xml file,如下图:

Android帧布局(Frame Layout)_第3张图片

图3

生成color.xml文件,增加内容后如下:

<?xml version="1.0"encoding="utf-8"?>
<resources>
   <color name="color1">#f00</color>
   <color name="color2">#0f0</color>
   <color name="color3">#00f</color>
   <color name="color4">#ff0</color>
   <color name="color5">#f0f</color>
   <color name="color6">#0ff</color>
</resources>


(2)匿名内部类

匿名内部类适合创建那种只需要一次使用的类,创建匿名内部类时会立即创建一个该类实例,这个类定义立即消失,匿名类不能重复使用,定义匿名内部类格式如下:

new 父类构造器(实参列表)|实现接口()

{

       //匿名内部类的类体部分。

}

从上面定义可看出,匿名内部类必须继承一个父类,或实现一个接口,但最多只能继承一个父类或实现一个接口。

 

(3)定时器启动定时器方法schedule()

timer.schedule(newMyTask(),long time1,long timer2);

 

第一个参数,是 TimerTask 类,在包:import java.util.TimerTask .使用者要继承该类,并实现public void run() 方法,因为 TimerTask 类实现了 Runnable 接口。

第二个参数的意思是,当你调用该方法后,该方法必然会调用 TimerTask 类 TimerTask 类中的 run()方法,这个参数就是这两者之间的差值,转换成汉语的意思就是说,用户调用 schedule() 方法后,要等待这么长的时间才可以第一次执行run() 方法。

第三个参数的意思就是,第一次调用之后,从第二次开始每隔多长的时间调用一次 run() 方法。

 

 

(4)定位类所在的包

比如Handler在哪个包呢,在elipse中选择Handler,弹出下面的内容:

Android帧布局(Frame Layout)_第4张图片

图4

选着红色矩形框选择的内容就会自动在java文件多了下面的内容:

import android.os.Handler;

你可能感兴趣的:(Android帧布局(Frame Layout))