Android 端04小程序自定义导航栏|学习笔记

简介: 快速学习 Android 端04小程序自定义导航栏

开发者学堂课程【mPaaS 小程序开发实战Android 端04小程序自定义导航栏】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/301/detail/3514


Android 端04小程序自定义导航栏

内容介绍

一、小程序自定义标题栏

 

一、小程序自定义标题栏

1、前置条件

如果您需要开通小程序自定义标题栏,需在custom configjson中加入:

{

“value": "NO",

"key": "mp_ta_use_orginal_mini_nagivationbar"

}

加入到默认使用小程序的工程里面

小程序和 H5共用一个导航栏,我们可以参考 H5的设置

首先,要实现 AbsTitleView,实现 AbsTitleView 后,要在 H5ViewProvider 中返回回去,并且把 Provider 设置给容器。

Dame 可以参考 android-tinyapp

除了拷贝 AbsTitleView,还有小程序右上角的一个胶囊区 Option button和 close button。

小程序右上角控制区 

当处于小程序场景时,最右侧区域需要特殊实现,步骤如下:

(1)继承 AbsTinyOptionMenuView 抽象类实现自定义控制区。

(2)在合适的地方,比如应用启动时,设置 TinvQptionMenuViewProvider 至容器。H5Utils.setProvider(TinvOptionMenuViewProvider.class.getName0.new TinvOptionMenuViewProviderof

@Override

public AbsTinyOptionMenuView createView(Context context){

return new TinyOptionMenuView(context);

}

}); 

按照容器规范要求,开发者必须实现和配置更多和 关闭按钮视图。

publicabstract void setOptionMenuOnClickListener(View.OnClickListener listener);

public abstract void setCloseButtonOnClickListener(View.OnClickListener listener);

public abstract void setCloseButtonOnLongClickListener(View.OnLongClickListener listener);

public abstract void onStateChanged(TinyAppActionState currentState);

public abstract View getView();

当小程序在使用定位的时候,会出现一个图标。如下图:

image.png

h5_new_title_layout.xml(自定义的title)

layout_tiny_right.xml(右边的胶囊)

public class MyApplication extends Application{

@Override

protected void attachBaseContext(Context base){

super.attachBaseContext(base);

QuinoxlessFramework.setup(this,()→{H5Utils.setProvider(H5AppCenterPresetProvider.class.getName(),newTinyAppCenterPresetProvider());

});

)I

@Override

public void onCreate(){

super.onCreate();

QuinoxlessFramework.init();}}

把它设置给我们的容器。

一切准备就绪进行运行。

打开小程序,可以看到现在的小程序已经自定义过了,随机点击一个示图,可以看到如图示例:

image.png

以上就是自定义小程序的内容。

相关文章
|
19天前
|
Java API 调度
Android系统 自定义开机广播,禁止后台服务,运行手动安装应用接收开机广播
Android系统 自定义开机广播,禁止后台服务,运行手动安装应用接收开机广播
41 0
|
19天前
|
存储 Java Linux
Android Mstar增加IR 自定义遥控头码完整调试过程
Android Mstar增加IR 自定义遥控头码完整调试过程
27 1
|
16小时前
|
存储 消息中间件 缓存
Android应用开发:实现自定义View的高效绘制
【5月更文挑战第12天】 在Android开发中,创建高性能的自定义视图是一项挑战,它要求开发者深入理解Android的绘图机制以及UI渲染过程。本文将探讨如何优化自定义View的绘制流程,减少不必要的重绘和布局计算,以提升应用的响应速度和流畅度。我们将介绍几种关键策略,包括利用硬件加速、缓存绘制内容和使用高效的数据结构来存储视图状态。通过实例分析和性能对比,读者将学会如何在自己的应用中运用这些技巧,从而打造出更加流畅和响应迅速的用户界面。
|
2天前
|
XML Android开发 数据格式
Android下自定义Button样式
Android下自定义Button样式
10 3
|
3天前
|
XML Java Android开发
如何美化android程序:自定义ListView背景
如何美化android程序:自定义ListView背景
|
3天前
|
搜索推荐 Android开发
自定义Android标题栏TitleBar布局
自定义Android标题栏TitleBar布局
|
19天前
|
Android开发 芯片
Android源代码定制:移除无用lunch|新建lunch|自定义customize.mk
Android源代码定制:移除无用lunch|新建lunch|自定义customize.mk
26 3
|
19天前
|
移动开发 Java Unix
Android系统 自动加载自定义JAR文件
Android系统 自动加载自定义JAR文件
41 1
|
19天前
|
Shell Android开发 开发者
Android系统 自定义动态修改init.custom.rc
Android系统 自定义动态修改init.custom.rc
34 0
|
19天前
|
存储 安全 Android开发
Android系统 自定义系统和应用权限
Android系统 自定义系统和应用权限
29 0

热门文章

最新文章