App Inventor插件开发(五)更美的UI

最新推荐文章于 2024-06-21 14:47:23 发布
最新推荐文章于 2024-06-21 14:47:23 发布
阅读量6.8k 收藏 14
点赞数 1
分类专栏： App Inventor插件开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aiw_prton/article/details/81906099
版权
本文探讨了如何通过动态添加组件和调整Android App Inventor的界面主题，使其更具现代感。作者指出，由于GLSurfaceView的冲突，常规方法无法实现预期效果。通过研究源码，找到了动态添加组件的解决方案，并引入了Material Design的Dark主题。文中提供了关于主题ID的表格，并展示了使用RippleUtil为自定义shape添加水波纹效果。
摘要由CSDN通过智能技术生成

已上传源码到GitHub，可能有所改变。
国内可以访问Gitee，来自开学后虚脱的我。。。
已上传aix插件，包括博客中未写出的ViewUtil。
额突然发现shape插件自己之前根本没有在博客中写到。。。

0.前言

那个公式输死我了，实在输不下去了。于是我打算再开一章。。。
ai的界面实在是丑的不要不要的，真的好嫌弃。
而且OpenGL的GLSurfaceView好像有冲突，其他的全都被盖下去了。
然后我去查了查源码，在940行左右有这么个玩意

    // Layout
    // ------frameWithTitle------
    // | [======titleBar======] |
    // | ------scaleLayout----- |
    // | | ----frameLayout--- | |
    // | | |                | | |
    // | | ------------------ | |
    // | ---------------------- |
    // --------------------------

frameLayout的特性：所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件，能通过android:layout_gravity设置位置。
再看了看，里面有一个MA

最低0.47元/天 解锁文章
作业乃身外之物
关注
  • 1
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
App Inventor插件开发(七)小结未完待续
作业乃身外之物的博客
10-02 3165
0.前言 话说我刚刚说这广州服不更新怎么转眼就更新了，继续开始我的搞事大业。viewpager可以用啦，开心。。。 因为开学了，高二嘛时间肯定很紧张，就专心研究我的项目，争取在比赛中拿奖。不知道我这样的水平能不能拿奖。。。 我也希望有大牛能够教导我一下，毕竟我Android基础还是短板，只会用原生view，美其名曰原生最好。。。 个人觉得这个东西还是很有意义的，尤其是调界面时，马上可以看到结果。如...
App Inventor探索—HelloWorld
weixin_40674822的博客
10-04 1767
本篇介绍第一个App Inventor应用程序Hello World，通过本篇实现了一个完整的程序开发流程。
20多种aix插件，app inventor(ai2)拓扩展插件，中文整理。
03-23
app inventor拓展插件，已中文（部分）整理。含pdf,组件设计，手电筒，判断第一启动应用，更多按钮，侧边栏，快捷方式，定位，监控电量等等等等等等，希望能够喜欢。（不包含插件使用教程，部分插件有示例）。。。。。。。。。。就这么多了。
STM32+AppInventor+ESP8266设置AP模式和手机TCP通信
最新发布
06-21 459
1、设置AP模式2、开启热点供手机连接3、设置模块为多连接模式建⽴ TCP 、UDP 或 SSL 连接时，设置模块的连接模式（单连接模式或多连接模式发送指令，设置模块为单连接模式；发送指令，设置模块为多连接模式。4、开启服务端，设置端口号单连接模式时，该指令无意义且报错error。多连接模式时，发送指令AT+CIPSERVER=1,8080”，参数1取值范围 [0,1] ，0表示关闭服务器，1表示建立服务器；参数2表示端口号，可自行设定，但是避免常用的端口号，如8080等。
appinventor37个案例源码.zip
12-24
37个都是appinventor案例源码，都是aia格式文件，亲测全部都能正常运行 2048小游戏，求和，背得快，，魔术，猜数字，猜字谜，出题机，打地鼠，弹球，点名工具，电影墙，调色板，飞机大战，鸡兔同笼，记事本，甲骨文字典，接彩蛋，街景地图，九键琴，九九表，卡通小书，看图识字，拼图游戏，实时坐标，视频播放器，数独，贪吃球，数学加加看，听音练耳，涂鸦板，涂鸦墙，我爱弹琴，我爱画画，我的画布，圆周率，登录模拟
App Inventor 2 能不能做出很好看的界面？
zqp2013的专栏
05-22 441
说起来，AppInventor国内的普及度的确是有待提高的，目前我们接触到的使用AI2开发的案例以教学、课程设计、游戏App为主，缺乏商用级别的App实战，这也是我们中文网需要努力的方向。一般来说，如果原生组件布局的界面不能满足要求，那么可以采用图片元素、来自定义布局：屏幕或布局组件背景使用图片，按钮背景使用图片等，这样理论上任何你看到的好看的界面都能布局出来。专业好看的界面也是一点点布局产生的，原生Android能开发出的界面，理论上App Inventor 2也能开发出来。怎么样，这个专业度怎么样？
【APPInventor\腾讯云】使用APPInventor开发连接腾讯云的安卓物联网遥控APP：（一）构建登录和注册功能
qq_43474855的博客
04-18 2103
具有账号登录功能，能够自动检测账号密码的对错以及是否为管理员账号，登录成功后自动跳转对应操作界面（管理员->维护，用户->用户）；
Autodesk 的 Inventor API培训教材模块
Gear Up Cloud
08-13 1730
我们将Inventor API 21个模块教材上载到了 github。它们在Inventor 2013中经过了测试，相关内容页更新到2013. https://github.com/ADN-DevTech/Inventor-Training-Material - 基本所有内容都适用2014. 除了RenderStyle方面的。大家知道，2014 提供了Autodesk材质库的API，替换原
mqtt app 插件 App inventor
06-04
"mqtt app 插件 App inventor" 指的是使用 MIT App Inventor 开发的一款应用程序，其中集成了 MQTT（Message Queuing Telemetry Transport）协议的插件。MQTT 是一种轻量级的发布/订阅消息传输协议，常用于物联网...
app inventor 人脸识别插件
08-27
app inventor 人脸识别插件
App Inventor扩展插件
04-23
最近新接触了App Inventor开发，感觉对新手开发App是比较容易上手的开发形式，App Invebtor是简单的可视化编程，相比于Android Studio是对新手比较友善，这里整理了两个常见的扩展插件，http://app.gzjkw.net/...
App Inventor 扩展aix插件 更改状态栏背景透明插件
09-03
App Inventor 扩展 aix插件更改状态栏透明插件, 用于更改状态栏背景颜色、将背景更改为透明并将状态栏上的图标颜色设置为深色或浅色的扩展
解析Android开发优化之:对界面UI的优化详解(一)
09-05
在Android应用开发过程中，屏幕上控件的布局代码和程序的逻辑代码通常是分开的。界面的布局代码是放在一个独立的xml文件中的，这个文件里面是树型组织的，控制着页面的布局
解析Android开发优化之:对界面UI的优化详解(二)
01-04
如果我们在每个xml文件中都把相同的布局都重写一遍，一个是代码冗余，可读性很差；另一个是修改起来比较麻烦，对后期的修改和维护非常不利。所以，一般情况下，我们需要把相同布局的代码单独写成一个模块，然后在用到的时候，可以通过<include> 标签来重用layout的代码。 常见的，有的应用在最上方会有一个标题栏。类似下图所示。 图 标题栏的示例       如果项目中大部分Activity的布局都包含这样的标题栏，就可以把标题栏的布局单独写成一个xml文件。 代码如下:<RelativeLayout     android:layout_width=”fill_parent”     an
App Inventor 2分享你的App：源代码(.aia)分享或编译成安卓安装包(.apk)分享
zqp2013的专栏
03-14 3625
本文介绍了App Inventor 2分享的方式：1、源代码(.aia)分享2、编译成安卓安装包(.apk)分享。
Fusion 360 以及 API 快速了解
Gear Up Cloud
03-27 3749
我在其它几篇文章已经碎碎叨叨的提及了Fusion 360。我们也有相关的材料，帮助，博客介绍等，但都是英文的。而且，可能东西多了反倒可能让人觉得犯晕。 所以，我想写两三点给需要了解Fusion 360 及其API的伙伴们一点建议，看哪些材料能快速上船 :-) 找到和自己业务商机的结合之处。 1. Fusion 360 是什么，能做什么？    请先看这Autodesk官网里的Fusi
appinventor拓展开发
more_HH
04-22 3109
参考文档： https://saitwalshreyash19.medium.com/writing-extensions-for-app-inventor-2-and-kodular-7d20092bff16https://saitwalshreyash19.medium.com/writing-extensions-for-app-inventor-2-and-kodular-7d20092bff16
App Inventor插件开发(三)动画插件
作业乃身外之物的博客
08-06 5741
0.前言 现在已经可以写自己的插件啦！想想就好激动。 App Inventor有个很严重的缺点，那就是不支持动画。 这是个很严重的大问题，我们可以考虑通过插件解决。 1.开发 1.1预备知识 大家必须要先学好Android，不然接下来可没得玩。 在Android下，有一个View.animate()的动画实现方式，超简洁 比如我让textView在2000ms内旋转720° ...
青少儿编程- App Inventor程序实例讲解：飞蛾快跑
子曰教育公司-----Mr.牛
06-11 964
应用描述 通过倾斜设备来控制飞蛾移动； 查看屏幕上的能量指示条，能量会随时间减少，并引起飞蛾的饥饿； 让飞蛾追逐并吃掉小虫来获得能量，抵御饥饿； 帮助飞蛾躲避青蛙，因为青蛙吃飞蛾。 设计组件 一个Canvas组件：游戏场地 一个Canvas组件：显示飞蛾能量水平的 三个ImageSprite组件：分别代表飞蛾、小蚜虫和青蛙 OrientationSensor（方向传感器）设备的倾斜来移动飞蛾 Clock组件用来改变蚜虫的运动方向 按钮：重新启动 ...
appinventor项目登陆界面
02-15
App Inventor是一个用于创建Android应用程序的可视化编程环境。在App Inventor中，你可以使用拖放式的界面来设计应用程序，并使用类似积木的编程块来编写应用程序的逻辑。 对于App Inventor的项目登陆界面，你可以按照以下步骤进行设计： 1. 打开App Inventor并创建一个新项目。 2. 在设计视图中，选择一个合适的屏幕布局组件，例如垂直或水平布局。 3. 在布局组件中添加所需的界面元素，例如文本框、标签、按钮等。这些元素将构成登陆界面的各个部分。 4. 使用属性编辑器设置每个界面元素的属性，例如文本框的提示文本、按钮的文本等。 5. 在块编辑器中编写逻辑代码来处理登陆操作。你可以使用条件语句、变量和函数等来实现登陆验证、跳转到其他界面等功能。 6. 运行应用程序进行测试，并根据需要进行调整和修改。 以上是一个简单的App Inventor项目登陆界面的设计过程。你可以根据自己的需求和创意进行更加复杂和个性化的设计。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值