文档章节

AndroidUI------FrameLayout

android-key
 android-key
发布于 2016/11/07 21:30
字数 1333
阅读 9
收藏 0

1.描述

FrameLayout(帧布局)可以说是六大布局中最为简单的一个布局,这个布局直接在屏幕上开辟出

一块空白的区域,当我们往里面添加控件的时候,会默认把他们放到这块区域的左上角,而这种布局方式

却没有任何的定位方式,所以它应用的场景并不多;帧布局的大小由控件中最大的子控件决定,如果控件

的大小一样大的话,那么同一时刻就只能看到最上面的那个组件!后续添加的控件会覆盖前一个!

虽然默认会将控件放置在左上角,但是我们也可以通过layout_gravity属性,指定到其他的位置!

2.常用属性:

FrameLayout的属性很少就两个,但是在说之前我们先介绍一个东西:

前景图像:永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片

两个属性:

android:foreground:设置改帧布局容器的前景图像

android:foregroundGravity:设置前景图像显示的位置

3.案例:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    xmlns:tools="http://schemas.android.com/tools"    
    android:id="@+id/FrameLayout1"    
    android:layout_width="match_parent"    
    android:layout_height="match_parent"    
    tools:context=".MainActivity"     
    android:foreground="@drawable/logo"    
    android:foregroundGravity="right|bottom">    
    
    <TextView    
        android:layout_width="200dp"    
        android:layout_height="200dp"    
        android:background="#FF6143" />    
    <TextView    
        android:layout_width="150dp"    
        android:layout_height="150dp"    
        android:background="#7BFE00" />    
     <TextView    
        android:layout_width="100dp"    
        android:layout_height="100dp"    
        android:background="#FFFF00" />    
        
</FrameLayout>  

代码解释:

很简单,三个TextView设置不同大小与背景色,依次覆盖,接着右下角的是前景图像,通过

android:foreground="@drawable/logo"设置前景图像的图片

android:foregroundGravity="right|bottom"设置前景图像的位置在右下角

3.FrameLayout使用的几个案例

实现流程:

step 1:先将main.xml布局设置为空白的FrameLayout,为其设置一个图片背景

step 2:新建一个继承View类的MeziView自定义组件类,在构造方法中初始化view的初始坐标

step 3:重写onDraw()方法,实例化一个空的画笔类Paint

step 4:调用BitmapFactory.decodeResource()生成位图对象

step 5:调用canvas.drawBitmap()绘制妹子的位图对象

step 6:判断图片上是否回收,否则强制回收图片

step 7:在主Java代码中获取帧布局对象,并且实例化一个MeziView类

step 8:会实例化的mezi对象添加一个触摸事件的监听器,重写onTouch方法,改变mezi的X,Y坐标,调用invalidate()重绘方法

step 9: 将mezi对象添加到帧布局中

一:自定义的MeziView.java

public class MeziView extends View {  
    //定义相关变量,依次是妹子显示位置的X,Y坐标  
    public float bitmapX;  
    public float bitmapY;  
      
  
    public MeziView(Context context) {  
        super(context);  
        //设置妹子的起始坐标  
        bitmapX = 0;  
        bitmapY = 200;  
    }  
  
  
    //重写View类的onDraw()方法  
    @Override  
    protected void onDraw(Canvas canvas) {  
        super.onDraw(canvas);  
        //创建,并且实例化Paint的对象  
        Paint paint = new Paint();  
        //根据图片生成位图对象  
        Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(), R.drawable.s_jump);  
        //绘制萌妹子  
        canvas.drawBitmap(bitmap, bitmapX, bitmapY,paint);  
        //判断图片是否回收,木有回收的话强制收回图片  
        if(bitmap.isRecycled())  
        {  
            bitmap.recycle();  
        }  
          
    }  
          
}  

MainActivity.java:

public class MainActivity extends Activity {  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
          
        FrameLayout frame = (FrameLayout) findViewById(R.id.mylayout);  
        final MeziView mezi = new MeziView(MainActivity.this);  
          
        //为我们的萌妹子添加触摸事件监听器  
        mezi.setOnTouchListener(new OnTouchListener() {  
              
            @Override  
            public boolean onTouch(View view, MotionEvent event) {  
                //设置妹子显示的位置  
                mezi.bitmapX = event.getX() - 150;  
                mezi.bitmapY = event.getY() - 150;  
                //调用重绘方法  
                mezi.invalidate();  
                return true;  
            }  
        });  
          
        frame.addView(mezi);  
          
    }  
}  

代码解释:

见步骤,很简单,就是自定义一个View类,重写重绘方法,接着在Activity中为他添加一个触摸时间

在触摸时间中重写onTouch方法获取点击焦点,另外还需要-150,不然那个坐标是自定义View的

左上角,接着调用invalidate( )重绘方法,最后添加到真布局中而已!

二:实现流程:

step 1:定义一个空的FrameLayout布局,将前景图像的位置设置为中央位置

step 2:在Activity中获取到该FrameLayout布局,新建一个Handler对象,重写handlerMessage()方法,调用图像更新的方法

step 3:自定义一个move()方法,通过switch动态设置前景图片显示的位图

step 4:在onCreate()方法中新建一个计时器对象Timer,重写run方法,每隔170毫秒向handler发送空信息

布局文件:main_activity.xml:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    xmlns:tools="http://schemas.android.com/tools"    
    android:id="@+id/myframe"    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"     
    android:foregroundGravity="center">    
    
</FrameLayout>   

MainActivity.java:

public class MainActivity extends AppCompatActivity {

    //初始化变量,帧布局
    FrameLayout frame = null;


    //自定义一个用于定时更新UI界面的handler类对象
    Handler handler = new Handler()
    {
        int i = 0;
        @Override
        public void handleMessage(Message msg) {
            //判断信息是否为本应用发出的
            if(msg.what == 0x123)
            {
                i++;
                move(i % 6 );

            }
            super.handleMessage(msg);
        }
    };






    //定义走路时切换图片的方法
    void move(int i)
    {
        Drawable a = getResources().getDrawable(R.drawable.meng1);
        Drawable b = getResources().getDrawable(R.drawable.meng2);
        Drawable c = getResources().getDrawable(R.drawable.meng3);
        Drawable d = getResources().getDrawable(R.drawable.meng4);
        Drawable e = getResources().getDrawable(R.drawable.meng5);
        Drawable f = getResources().getDrawable(R.drawable.meng);
        //通过setForeground来设置前景图像
        switch(i)
        {
            case 0:
                frame.setForeground(a);
                break;
            case 1:
                frame.setForeground(b);
                break;
            case 2:
                frame.setForeground(c);
                break;
            case 3:
                frame.setForeground(d);
                break;
            case 4:
                frame.setForeground(e);
                break;
            case 5:
                frame.setForeground(f);
                break;

        }
    }




    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        frame = (FrameLayout) findViewById(R.id.myframe);
        //定义一个定时器对象,定时发送信息给handler
        new Timer().schedule(new TimerTask() {

            @Override
            public void run() {
                //发送一条空信息来通知系统改变前景图片
                handler.sendEmptyMessage(0x123);
            }
        }, 0,170);
    }



}

 

© 著作权归作者所有

android-key
粉丝 9
博文 124
码字总数 173585
作品 0
武汉
私信 提问
Android开发商也项目中UI部分具体用什么技术实现?

最近在研究Android,感觉Android的UI设计的控件繁多,而且实现相对繁琐,我用html+js+css几行代码就实现一个图片轮播的效果,但AndroidUI就有点复杂了,请问在开发商也项目中UI部分具体用到什...

xiaoDuDu
2015/03/11
160
2
[Android学习笔记五] Android View和Widget类图

Android View和Widget在android.view和android.widget包中,是AndroidUI的重要组成部分。下图是基于Android API21 绘制的Android View和Widget类图(非涵盖全部),主要展示主要和关键的Vie...

secondriver
2015/11/25
0
0
Android 开发中踩过的坑之二: 16ms的UI线程时间才不会卡顿

AndroidUI卡顿, 是总会遇到的问题, 这个坑经常遇到, 通常在优化时才会重点关注. 通常在Adapter.getView()方法中比较突出. 人眼的原因, 1秒24帧的动画才能感到顺畅. 所以每帧的时间大概有41m...

revfycd
2015/08/03
741
3
Android开发之FrameLayout布局

Android开发之FrameLayout布局 在Android开发中,FrameLayout是所有布局容器中最简单的一种,在前边博客中有介绍关于Android开发中线性布局LinearLayout的应用。LinearLayout采用的是线性平铺...

珲少
2016/09/02
242
0
安卓开发的时候输入以下代码为什么text2的内容不再中间显示,而是还在左上角?明明设置了在中间的位置!SDK版本的问题吗??

*先创建一个布局管理器*/ super.onCreate(savedInstanceState); FrameLayout frameLayout = new FrameLayout(this); //创建帧布局管理器 frameLayout.setBackgroundDrawable(this.getResour......

java_初学者
2015/11/04
290
1

没有更多内容

加载失败,请刷新页面

加载更多

mysql-connector-java升级到8.0后保存时间到数据库出现了时差

在一个新项目中用到了新版的mysql jdbc 驱动 <dependency>     <groupId>mysql</groupId>     <artifactId>mysql-connector-java</artifactId>     <version>8.0.18</version> ......

ValSong
今天
5
0
Spring Boot 如何部署到 Linux 中的服务

打包完成后的 Spring Boot 程序如何部署到 Linux 上的服务? 你可以参考官方的有关部署 Spring Boot 为 Linux 服务的文档。 文档链接如下: https://docs.ossez.com/spring-boot-docs/docs/r...

honeymoose
今天
6
0
Spring Boot 2 实战:使用 Spring Boot Admin 监控你的应用

1. 前言 生产上对 Web 应用 的监控是十分必要的。我们可以近乎实时来对应用的健康、性能等其他指标进行监控来及时应对一些突发情况。避免一些故障的发生。对于 Spring Boot 应用来说我们可以...

码农小胖哥
今天
8
0
ZetCode 教程翻译计划正式启动 | ApacheCN

原文:ZetCode 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 ApacheCN 学习资源 贡献指南 本项目需要校对,欢迎大家提交 Pull Request。 ...

ApacheCN_飞龙
今天
5
0
CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部