程序员经验分享-hwhale

【Android游戏开发之六】在SurfaceView中添加组件！！！！并且相互交互数据！！！！

2023-05-16

  原文地址：http://blog.csdn.net/xiaominghimi/archive/2010/12/26/6099194.aspx

      各位童鞋请你们注意：surfaceview中确实有 onDraw这个方法，但是surfaceview不会自己去调用！！！

  而我代码中的ondraw 也好 draw 也好，都是我自己定义的一个方法。。。放在线程中不断调用的，一定要注意！!

         昨天圣诞节，没有出去，而是一天时间全部纠结在如何在SurfaceView中添加组件，例如添加常用的Button，TextView等等、一开始也想着从网上找些资料看看有没有可参考的，但是发现搜到的结果仍是些童鞋对此很疑惑并且也在找寻答案，那么，这里就把圣诞节一天的成果来和各位童鞋分享；

1.因为我们的SurfaceView是个View对于添加的组件其实也是View，如果我们只是一味的想在SurfaceView中添加View组件其实是错误的思想，当然我一开始也是想着直接在SurfaceView中定义或者去使用组件，但是结果肯定是不成功的,因为View不能添加View！

2.既然第一条肯定是错误的，那么我们就应该想到把我们的SurfaceView和组件都放在一个Layout里面，毕竟我们的的SurfaceView也是一个view和其他组件一同放在我们的layout里，那么这样一来肯定就能完成在SurfaceView中添加组件的目的啦。下面先上截图、

                    

 大家看到中间白色区域就是我们的SurfaceView啦，最上方是组件TextView ，最下方是Button 、对的，要的就是这个效果！而不是像前面文章中多个Activity切换，这样都在一个界面中啦。哇哈哈啊。好、下面来看代码吧：

先放上Xml 代码:

 

view plain copy to clipboard print ?
·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······140·······150
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7.    <LinearLayout  
  8.             android:orientation="horizontal"  
  9.             android:layout_width="wrap_content"  
  10.             android:layout_height="wrap_content"  
  11.             android:layout_gravity="center">  
  12.               
  13.     <TextView   
  14.             android:id="@+id/textview"  
  15.             android:layout_width="fill_parent"  
  16.             android:layout_height="fill_parent"  
  17.             android:text="This is Himi"  
  18.             android:textSize="32sp"   
  19.             android:textColor="#00FF00"  
  20.             android:gravity="center_horizontal"/>   
  21.            
  22.     </LinearLayout>  
  23.         
  24.     <FrameLayout  
  25.             android:layout_width="fill_parent"  
  26.             android:layout_height="wrap_content"  
  27.             android:layout_weight="1" >  
  28.     <com.himi.MySurfaceView android:id="@+id/view3d"  
  29.             android:layout_width="fill_parent"  
  30.             android:layout_height="fill_parent"/>                  
  31.     </FrameLayout>     
  32.      
  33.     <LinearLayout  
  34.             android:orientation="horizontal"  
  35.             android:layout_width="wrap_content"  
  36.             android:layout_height="wrap_content"  
  37.             android:layout_gravity="center">  
  38.         <Button  
  39.          
  40.          android:layout_width="wrap_content"  
  41.                 android:layout_height="wrap_content"  
  42.                 android:text="Himi Button_1"  
  43.                  android:id="@+id/button1"/>  
  44.       
  45.         <Button android:layout_width="wrap_content"  
  46.                 android:layout_height="wrap_content"  
  47.                 android:text="Himi Button_2"  
  48.                   android:id="@+id/button2"/>  
  49.      </LinearLayout>  
  50. </LinearLayout>  
 

 

以上代码很简单，都是一些布局方式和各个组件一些属性及显示方式的设定，当然主要看如何对我们的SurfaceView如何注册在xml中的，那么每个组件都有id这样为了对后面其交互数据用到，因为我们要对每个组件操作，所以这里都索引了id方面从R文件中取出其对象。

那么，xml我们定义好了，看看代码中如何实现的，这里先说下Activity类中代码：

 

 

该有的备注在代码后面都备注了，MySurfaceView.button_str，这个是自己的SurfaceView中定义的一个static 的变量用来交互数据用到；在那么下面就要看我们的SurfaceView，当在Xml注册需要注意什么了，我半天的时候都花在了这里！！！一定要引起注意，这也是在SurfaceView中并显示组件完成最重要的一步。

先分析：

1.SurfaceView类的创建和实现等等和之前都是一样的，该怎么去写还怎么去写，但是！构造函数一定要注意！

 

 

view plain copy to clipboard print ?
  1. /* 
  2.      * public MySurfaceView(Context context) { super(context); }//备注1（这里一定要引起注意，仔细看下文对备注1的解释 ） 
  3.      */  
  4. public MySurfaceView(Context context, AttributeSet attrs) {//备注1}  
 

 

这里解释下备注1：  这里有两个构造函数，当然我们用哪个都是可以的，但是在此时我们需要明确我们到底要使用哪个。

一个参数的构造函数：如果是new出来的此类实例肯定是没有问题，但是我们为了能在显示SurfaceView同时显示别的组件，所以把自定义的SurfaceView也当作组件注册在了main——xml中，所以这里需要注意，当在xml中注册的就必须在SurfaceView中使用这种含有两个参数的构造函数的方法， xml初始化的时候会调用两个参数的这个构造方法， （当时这个问题困扰了半天的研究时间，最后在一个群友的帮助下才发现是这里出了问题） 那么含有两个构造参数的方法里第二个参数指的自定义的组件的一些属性,就像长宽一样，你可以给组件属性,就是通过这个来传递的！

那么在SurfaceView 中并一同显示组件也就到底完结了，回顾下，一共分为3步，1.将我们的SurfaceView 作为一个组件view 和其他组件一同放置到布局中，当然布局的方式和显示的方式大家自己随自己喜欢定义！ 2.在我们的SurfaceView中一定要使用两个构造函数的构造函数，一定！一定！ 就这里有区别，别的还是该怎么处理就怎么处理，就是构造函数换了 3.交互数据，对其按键的绑定在 activity中完成，别把view绑定在咱们的SurfaceView中啊，否则报错- -、

这里说下为什么要在activity中去绑定按键处理 而不是在我们的surfaceview中去绑定：

 

 其实根据xml中定义button时的id 我们可以通过R.id 索引取到button，不管在activity中还是我们的surfaceview中都可以取到，但是！绑定button这一步如果在 surfaceview中去写就一定报错，原因我解释下；

我们在xml中定义我们的surfaceview 和 组件button、textview等等的时候 他们是同一级别的！！而不是把button包含在 surfaceview

里，所以虽然在surfaceview中可以根据id索引到button但绑定的时候是无法找到button的，只有我们的activitysetContentView(R.layout.main); 显示的button，所以只能在显示它的activity中去绑定，这里需要注意下； 

 下面分享出源码：  

       源码下载地址：

http://download.csdn.net/source/2939526

view plain copy to clipboard print ?
·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······140·······150
  1. package com.himi;  
  2. import android.app.Activity;  
  3. import android.os.Bundle;  
  4. import android.view.View;  
  5. import android.view.Window;  
  6. import android.view.WindowManager;  
  7. import android.view.View.OnClickListener;  
  8. import android.widget.Button;  
  9. import android.widget.TextView;  
  10. public class MainActivity extends Activity implements OnClickListener {  
  11.     /** Called when the activity is first created. */  
  12.     private Button button1, button2;  
  13.     private TextView tv ;  
  14.     @Override  
  15.     public void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         this.requestWindowFeature(Window.FEATURE_NO_TITLE);//隐去标题（应用的名字)  
  18.         //此设定必须要写在setContentView之前，否则会有异常）  
  19.         this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  
  20.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);  
  21.         setContentView(R.layout.main); //要先显示,然后再对其组件取出、处理操作  
  22.         tv=(TextView)findViewById(R.id.textview);   
  23.         button1 = (Button) findViewById(R.id.button1);  
  24.         button1.setOnClickListener(this);//这里是监听按键，因为本类使用了OnClickListener接口  
  25.         button2 = (Button) findViewById(R.id.button2);  
  26.         button2.setOnClickListener(this);   
  27.         /* 其实大家也可以不用本类使用接口，可以内部类来完成。 
  28.          * 以下是不使用OnClickListener接口的绑定监听方式; 
  29.         button2.setOnClickListener(new OnClickListener() { 
  30.              
  31.             @Override 
  32.             public void onClick(View v) { 
  33.                 //这里处理按键操作 
  34.                  
  35.             } 
  36.         }); 
  37.         */   
  38.     }   
  39.     @Override  
  40.     public void onClick(View v) {  
  41.         if (v == button1) {  
  42.             MySurfaceView.button_str = "button 1被触发";  
  43.             tv.setText("button 1被触发");  
  44.         } else if (v == button2) {  
  45.             MySurfaceView.button_str = "button 2被触发";  
  46.             tv.setText("button 2被触发");  
  47.         }  
  48.     }  
  49. }  

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

【Android游戏开发之六】在SurfaceView中添加组件！！！！并且相互交互数据！！！！ 的相关文章

  • 使用ORB_SLAM2的方式进行特征检测和提取

    比较opencv默认的方式和ORB SLAM2中对opencv进行重写的方式 xff0c 两个方法对图像特征提取结果的对比 为方便比较 xff0c 写在同一个文件中 主函数如下 xff1a include lt iostream gt in

  • 什么是归一化的平面坐标

    所谓的归一化的成像平面 xff0c 就是将三维空间点的坐标都除以Z 所有空间点坐标都转到了相机前单位距离处 xff0c 这个平面就叫归一化的平面 xff0c 之后再乘以焦距 f f f xff0c 让归一化平面回到成像平面 以一张别的博主做

  • 无人机编程实战第1讲——无人机简介

    目录 前言 一 飞控是什么 xff1f 二 扫盲行动 xff01 xff01 xff01 1 微控制器 2 传感器 3 处理 xff1f 4 无人机飞行姿态 总结 前言 随着开源无人机飞行控制器的不断发展 xff0c 越来越多优秀的代码与算

  • 阿里云Serverless kubernetes服务购买体验

    阿里云Serverless kubernetes服务购买体验 Serverless kubernetes是什么优点缺点体验步骤价格ECI的价格 xff1a ECS的价格 阿里云Serverless Kubernetes支持列表总结 Serv

  • python修改xml文件内容，不废话，拿来即用

    XML 被设计用来传输和存储数据 HTML 被设计用来显示数据 XML 指可扩展标记语言 xff08 eXtensible Markup Language xff09 可扩展标记语言 xff08 英语 xff1a Extensible Ma

  • mysql如何删除数据表，被关联的数据表如何删除呢

    删除数据表的时候 xff0c 表的定义和表中所有的数据均会被删除 因此 xff0c 在进行删除操作前 xff0c 最好对表中的数据做一个备份 xff0c 以免造成无法挽回的后果 mysql删除数据表分为两种情况 xff1b mysql删除没

  • mysql8.0新特性-自增变量的持久化

    在mysql8 0之前 xff0c 自增主键AUTO INCREMENT的值如果大于max primay key 43 1 xff0c 在mysql重启后 xff0c 会重置AUTO INCREMENT 61 max primay key

  • 双系统重装Ubuntu20.04及系统基本配置

    文章目录 前言Ubuntu20 04换源安装chrome浏览器安装OneNote安装Wechat QQ Dingtalk参考 前言 笔者从2019年9月份去长沙智能驾驶研究院开始接触ubuntu18 04 在2020年4月份做本科毕业设计的

  • 视觉 SLAM 十四讲 —— 第十三讲 建图

    视觉 SLAM 十四讲 第十三讲 建图 在前端和后端中 xff0c 我们重点关注同时估计相机运动轨迹与特征点空间位置的问题 然而 xff0c 在实际使用 SLAM 时 xff0c 除了对相机本体进行定位之外 xff0c 还存在许多其他的需求

  • mysql中数据表的基本操作很难嘛，由这个实验来带你从头走一遍

    mysql表中数据表的各种操作 xff0c 创建表 添加各类约束 查看表结构 修改和删除表 这次带你捋清楚 xff0c 从头再走一遍 实验目的 创建 修改和删除表 xff0c 掌握数据表的基本操作 实验结果 创建数据库company xff

  • nginx自动摘除和恢复后端服务，进行自动检测

    主动地健康检查 xff0c nginx定时主动地去ping后端的服务列表 xff0c 当发现某服务出现异常时 xff0c 把该服务从健康列表中移除 xff0c 当发现某服务恢复时 xff0c 又能够将该服务加回健康列表中 nginx自带的u

  • nginx中配置root和alias的区别

    在nginx中 xff0c root和alias都可以代理静态资源 xff0c 那么他们两个有什么区别呢 xff1f 在什么情况下使用什么呢 初识 xff1a root和alias都可以在定义在location模块中 xff0c 都是用来请

  • 史上最全的mysql数据类型汇总-（上）

    mysql支持多种数据类型 xff0c 主要有数值类型 日期 时间类型以及字符串类型 整数类型 数值型数据类型主要用来存储数字 xff0c mysql提供了多种数值数据类型 xff0c 不同的数据类型提供不同的取值范围 xff0c 可以存储

  • 史上最全的mysql数据类型汇总（下）

    接着上文继续来梳理 xff0c 上文我们写到了日期与时间类型中的time类型 xff0c 然后我们接着来写日期与时间类型中的date类型 date类型 date类型用在仅需要日期值时 xff0c 没有时间部分 xff0c 在存储时需要3字节

  • mysql中的字段如何选择合适的数据类型呢？

    前面两篇我们介绍了很多种数据类型 xff0c 那么有没有看花眼呢 xff0c 我们在mysql中创建数据表的时候 xff0c 到底应该选择哪一种数据类型呢 xff1f 这次我们就来简单的梳理一下子把 准则 我们不论要如何创建数据表 xff0

  • mysql中的四大运算符种类汇总20多项，用了三天三夜来整理的，还不赶快收藏

    运算符连接表达式中的各个操作数 xff0c 他的作用是用来指明对数据表中的操作数所进行的运算 运用运算法有什么好处呢 xff1f 运用运算符可以更加灵活的使用表中的数据 xff0c 我们可以通过使用运算符来解决我们的很多问题 xff0c 大

  • mysql函数汇总之数学函数

    什么是mysql函数 xff1f 61 61 61 61 61 61 61 61 61 61 61 61 61 61 函数表示对输入参数值返回一个具有特定关系的值 xff0c mysql提供了大量丰富的函数 xff0c 在进行数据库管理以及

  • mysql函数汇总之字符串函数

    字符串函数主要用来处理数据库中的字符串数据 mysql中的字符串函数有计算字符串长度函数 字符串合并函数 字符串替换函数 字符串比较函数 查找指定字符串位置函数等 计算字符串字符数的函数 CHAR LENGTH str 函数计算字符串str

  • mysql函数汇总之日期和时间函数

    日期和时间函数主要用来处理日期和时间值 xff0c 一般的日期函数除了使用date类型的参数外 xff0c 也可以使用datetime或者timestamp类型的参数 xff0c 但会忽略这些值的时间部分 获取当前日期的函数 curdate

  • [ Ubuntu 使用技巧 ] 在当前工作目录打开 Terminal

    1 General Purposes Why I wrote this 在 Ubuntu 系统开发最舒服的一点就是可以开心地使用 Terminal 这是个好东西 xff0c 尤其当你熟悉大部分的常用命令之后 xff0c 对日常的代码工作还有

随机推荐

热门标签