经验548 米
在线时间13 小时
版本7.9.21
积分 554, 距离下一级还需 1446 积分
积分 554, 距离下一级还需 1446 积分
机型未知设备
签到次数35
MIUI版本7.9.21
解锁后用奇兔刷机刷了原生系统7.1后，觉得不好用于是我去刷小米官方的miui8开发版，过程中卡在了mi界面，因为有第三方rec所以就再刷了一个奇兔的rom，把手机救过来了。
但是却有一个很大的毛病，我的miui系统被修改了，这也就是我要说的问题了。图中这几个软件简直阴魂不散，我恢复出厂设置它还在，我双清它还在，我刷了另一个rom它还在，我刷了官方固件它还在。
我去网上找问题的原因和解决方法，有人说刷机前没有清理分区，有人说没有完全root，有人说安卓7.0的毛病，但就是没有给出一个有效的办法，我知道论坛里肯定有大神懂这个，我玩刷机一年，平时手机有问题都是刷机直接了当，反正系统又会恢复新的面貌，但这下我就没办法了，我第一次遇到过刷机了原来的预装系统还在。请大神尽量少说点专业术语，让我好理解。谢谢！
Screenshot_-08-56-17-866_com.miui.home.png (459.78 KB, 下载次数: 0)
IMG_436.jpg (13.94 MB, 下载次数: 0)
分享到微信朋友圈
打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验16126 米
在线时间716 小时
版本8.6.28
机型小米手机5
签到次数43
MIUI版本8.6.28
楼主你好，建议您通过线刷方式回MIUI官方版
线刷教程和线刷包下载地址
经验2087 米
在线时间5 小时
版本V9.5.18.0.ODGCNFA
积分 2183, 距离下一级还需 2817 积分
积分 2183, 距离下一级还需 2817 积分
机型未知设备
签到次数128
MIUI版本V9.5.18.0.ODGCNFA
线刷不能刷回7.0
经验548 米
在线时间13 小时
版本7.9.21
积分 554, 距离下一级还需 1446 积分
积分 554, 距离下一级还需 1446 积分
机型未知设备
签到次数35
MIUI版本7.9.21
Mi_ 发表于
楼主你好，建议您通过线刷方式回MIUI官方版
线刷教程和线刷包下载地址 http://www.miui.com/shuaji-393.htm ...
谢谢，还真恢复正常了
经验11813 米
在线时间265 小时
版本8.3.19
爱小米 爱雷总
积分 13924, 距离下一级还需 6076 积分
积分 13924, 距离下一级还需 6076 积分
机型未知设备
签到次数40
MIUI版本8.3.19
经验10781 米
在线时间363 小时
版本V9.5.8.0.OCACNFA
机型未知设备
签到次数183
MIUI版本V9.5.8.0.OCACNFA
线刷搞定搞定一切疑难杂症。
在线时间0 小时
积分 36, 距离下一级还需 14 积分
积分 36, 距离下一级还需 14 积分
怎么线刷？
经验3584 米
在线时间97 小时
版本V9.6.2.0.OCACNFD
积分 3890, 距离下一级还需 1110 积分
积分 3890, 距离下一级还需 1110 积分
机型未知设备
签到次数30
MIUI版本V9.6.2.0.OCACNFD
用官方线刷工具即可
在线时间0 小时
积分 23, 距离下一级还需 27 积分
积分 23, 距离下一级还需 27 积分
所有东西打不开
剑侠世界2荣誉内测
2018新年勋章
参与回帖活动
感恩节勋章
参与回帖活动
MIUI七周年
MIUI 9纪念勋章
小米众筹2周年
参加回帖活动
小米7周年勋章
2017米粉节晒单赢专属勋章
“澎湃S1 ”芯片纪念勋章
参与活动回帖可得
参与红米Note 4X活动
2017年小金鸡勋章
回复2016年度评选活动贴
优秀解答组
优秀解答组员专属勋章
已关注微信
已关注极客秀微信
关注腾讯微博
已关注腾讯微博
关注新浪微博
已关注新浪微博
MIUI年度优秀勋章
MIUI真实车主勋章
参与回帖活动
全局搜索纪念勋章
参加全局搜索内测
MIUI3亿用户纪念勋章
参与回帖活动
圣诞节勋章
参与圣诞活动
MIUI 300周
MIUI 300周更新纪念勋章
MIUI 7纪念勋章
MIUI六周年
MIUI六周年纪念勋章
MIUI 10专属勋章
参加回帖活动
万圣节勋章
参加回帖活动
MIUI七夕鹊桥勋章
新版论坛APP
更新新版APP
APP 1000万
MIUI论坛APP注册用户突破1000万纪念勋章
小火箭勋章
神舟11号 话题活动
MIUI 3000万
MIUI 3000万发烧友纪念勋章
1000万用户纪念勋章
MIUI1000万用户纪念勋章
为奥运加油勋章
为奥运加油勋章
MIUI 2000万
MIUI 2000万发烧友纪念勋章
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号小米4有mui6稳定版系统当_百度知道
小米4有mui6稳定版系统当
我有更好的答案
升级到miui v6之后太占运存了，想刷回出厂的稳定版，请问米4出厂的时候用的是v5稳定版的哪个版本啊？
采纳率：48%
你好。目前的V6系统都是开发版的，稳定版的还未推送
本回答被网友采纳
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。经验3195 米
在线时间683 小时
版本8.4.28
机型未知设备
签到次数155
MIUI版本8.4.28
小米手机4 W-3G
能看出miui8是尽可能的卡片化想MD风格靠拢。但是在通知栏，将通知管理一直占有一个卡片位置，在没有通知的情况下视觉效果不是很好，希望能够换一种展现方式
能看出miui8是尽可能的卡片化想MD风格靠拢。但是在通知栏，将通知管理一直占有一个卡片位置，在没有通知的情况下视觉效果不是很好，希望能够换一种展现方式
分享到微信朋友圈
打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验829 米
在线时间6 小时
积分 833, 距离下一级还需 1167 积分
积分 833, 距离下一级还需 1167 积分
机型未知设备
签到次数33
MIUI版本6.9.1
经验829 米
在线时间6 小时
积分 833, 距离下一级还需 1167 积分
积分 833, 距离下一级还需 1167 积分
机型未知设备
签到次数33
MIUI版本6.9.1
MIUI七周年
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供常用开发手册和开发工具
您现在的位置：& >
HBuilder mui webview模式选项卡实现滑动切换
关于选项卡切换，相信大家都不陌生。hello mui中提供了多种选项卡切换的实现方式，不过大体分为div模式（单页）以及webviedw模式（多个页面）。div模式中又提供了可左右拖动实现切换的模式，如图：
在实际开发中，数据量只会多不会少，因此我们通常都会采用webview模式选项卡。与此同时，许多同学依旧希望能够实现滑动来实现选项卡的切换。就像这样：
可能大家会说，这个滑动并不是那么灵敏。那是因为我控制的角度范围较小（更加精确方便的范围还在进一步测试），实际开发中大家可以根据自己的需求来修改这个范围。
一、main.html
在主页面，我们需要做许多事情，创建自窗口对象（不然切什么换），底部选项点击切换（这是基本的切换），自定义事件切换（子窗口滑动事件来触发）。
其中关键的地方，在于切换。切换，我们要切什么，换什么这才是选项卡切换的核心。
切，有两种切法，点击和滑动。
换，换子窗口，换标题，换底部高亮文字。
&!doctype html&
charset=&UTF-8&
name=&viewport& content=&width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no&
href=&http://ask.dcloud.net.cn/css/mui.min.css& rel=&stylesheet&
class=&mui-bar mui-bar-nav&
class=&mui-title&首页
class=&mui-bar mui-bar-tab&
class=&mui-tab-item mui-active& data-index=&0&
class=&mui-icon mui-icon-home&
class=&mui-tab-label&首页
class=&mui-tab-item& data-index=&1&
class=&mui-icon mui-icon-phone&
class=&mui-tab-label&电话
class=&mui-tab-item& data-index=&2&
class=&mui-icon mui-icon-email&
class=&mui-tab-label&邮件
class=&mui-tab-item& data-index=&3&
class=&mui-icon mui-icon-gear&
class=&mui-tab-label&设置
src=&js/mui.min.js&
type=&text/javascript&
mui.init();
mui.plusReady(function() {
* 当前窗口对象，即父窗口；
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.currentWebview
var self = plus.webview.currentWebview();
// 子窗口地址数组
var subpages = [&home.html&, &phone.html&, &email.html&, &gear.html&];
// 子窗口样式
var subStyles = {
top: &45px&,
bottom: &50px&
// 子窗口数量
var subLen = subpages.length;
// 子窗口对象数组
var subWvs = [];
var title = document.querySelector(&.mui-title&);
// 底部选项
var tabs = document.querySelectorAll(&.mui-tab-item&);
// 底部文字
var labels = document.querySelectorAll(&.mui-tab-label&);
// 当前页面索引，初始化为0；
var activeIndex = 0;
// 目标页面索引，初始化为当前页面索引；
var targetIndex = activeIndex;
// 创建子页面
for(var i = 0; i & subLen; i
* 创建窗口对象，并将索引做为额外的参数传递；
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.create
var subWv = plus.webview.create(subpages[i], cutWebviewId(subpages[i]), subStyles, {
// 窗口对象添加至数组
subWvs.push(subWv);
if(i & 0) {
* 隐藏非第一页的窗口对象
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.hide
subWv.hide(&none&);
* 向父窗口添加子窗口
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.append
self.append(subWv);
// 底部选项卡点击切换事件
for(var j = 0, jlen = tabs.length; j & jlen; j
tabs[j].addEventListener(&tap&, function() {
// 获取当前结点的索引
targetIndex = this.getAttribute(&data-index&);
// 转换为number类型
targetIndex = parseInt(targetIndex, 10);
if(targetIndex == activeIndex) {
// 切换页面
switchPage(&tap&, activeIndex, targetIndex);
// 子页面滑动切换事件
window.addEventListener(&swipe_event&, function(event) {
// 获取方向以及索引
var direction = event.detail.direction;
activeIndex = event.detail.index;
if(direction == &left&) {
// 如果是最后一个页面，则不做左滑切换；
if(activeIndex == subLen - 1) {
console.log(&最右边一页了&);
// 目标页面的索引为后面一位
targetIndex = activeIndex
// 如果是第一个页面，则不做右滑切换；
if(activeIndex == 0) {
console.log(&最左边一页了&);
// 目标页面的索引为前面一位
targetIndex = activeIndex - 1;
// 切换页面
switchPage(&switch&, activeIndex, targetIndex);
* 切换页面
* @param {String} _event 事件类型
* @param {Number} _active 当前页面索引
* @param {Number} _target 目标页面索引
function switchPage(_event, _active, _target) {
* 目标页面展示
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.show
subWvs[_target].show(&fade-in&);
// 顶部文字替换
title.innerText = labels[_target].innerText;
// 如果是滑动事件，则手动切换高亮选项；
if(_event == &switch&) {
tabs[_active].classList.remove(&mui-active&);
tabs[_target].classList.add(&mui-active&);
// 之前展示的页面隐藏
subWvs[_active].hide(&none&);
// 更新当前页索引
activeIndex = _target;
* 截取url地址，获取窗口的id；
* @param {String} url html文件的路径
* @param {String} wvId webviewObject的id
function cutWebviewId(url) {
var startIndex = url.lastIndexOf(&/&);
var endIndex = url.lastIndexOf(&.html&);
var wvId = url.substring(startIndex
1, endIndex);
return wvId;
明确了我们要干什么，我们来看下切换的这个函数：
* 切换页面
* @param {String} _event 事件类型
* @param {Number} _active 当前页面索引
* @param {Number} _target 目标页面索引
function switchPage(_event, _active, _target) {
* 目标页面展示
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.show
subWvs[_target].show(&fade-in&);
// 顶部文字替换
title.innerText = labels[_target].innerText;
// 如果是滑动事件，则手动切换高亮选项；
if(_event == &switch&) {
tabs[_active].classList.remove(&mui-active&);
tabs[_target].classList.add(&mui-active&);
// 之前展示的页面隐藏
subWvs[_active].hide(&none&);
// 更新当前页索引
activeIndex = _target;
_event代表切的方式，_active代表当前展示的窗口索引，_target代表目标窗口的索引。
首先将目标窗口show出来，然后替换顶部标题的文字内容。然后判定下切的方式，如果是滑动切换，我们需要自己来对classList进行操作，完成选项卡高亮的转换。最后，我们需要把之前展示的选项卡隐藏掉，并且把当前窗口的索引值赋给中间量。
二、sub.js
所有的子页面都引入这个JS文件，内容如下：
mui.init();
mui.plusReady(function() {
// 获取当前窗口对象
var self = plus.webview.currentWebview();
// 读取传递过来的参数
var index = self.index;
* 获取父窗口对象
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.parent
var parent = self.parent();
// 左滑事件
document.addEventListener(&swipeleft&, function(event) {
var angle = event.detail.angle;
angle = Math.abs(angle);
* 控制滑动的角度，为避免误操作，可自定义限制滑动角度；
if(angle & 175 && angle & 185) {
parentEvent(parent, index, &left&);
// 右滑事件
document.addEventListener(&swiperight&, function(event) {
var angle = event.detail.angle;
angle = Math.abs(angle);
* 控制滑动的角度，为避免误操作，可自定义限制滑动角度；
if(angle & 4) {
parentEvent(parent, index, &right&);
* 触发父窗口自定义事件
* @param {Object} wvobj 目标窗口对象
* @param {Number} index 索引值
* @param {String} direction 方向
function parentEvent(wvobj, index, direction) {
* 触发自定义事件
* http://dev.dcloud.net.cn/mui/event/#customevent
mui.fire(wvobj, &swipe_event&, {
direction: direction,
index: index
内容简单明了，就是监听左滑和右滑事件，然后去触发父窗口的自定义切换事件。关键点在于event.detail.angle，这个是mui自己封装的一个属性，用来表示滑动的角度（具体的值，大家可以自己滑动时候多测试测试）。大家也可以尝试下，不对滑动角度进行控制，切换会过于灵敏，影响到其他正常的操作。
文笔功力有限，有哪些地方不是很明了，还请见谅，也希望能提出您宝贵的意见，我会继续改进。
最后，老规矩，附上源码，真机运行就能体验效果。Mui沉浸模式以及状态栏颜色改变 - ranyonsue - 博客园
随笔 - 141, 文章 - 0, 评论 - 44, 引用 - 0
沉浸模式只需要设置下就可以&
打开应用的manifest.json文件，切换到代码视图，在plus -&
distribute -& apple 下添加UIReserveStatusbarOffset节点并设置值为false。&
1. 真机运行不生效，需提交App云端打包后才生效；&
2. 此功能仅在iOS7及以上系统有效。&
打开应用的manifest.json文件，切换到代码视图，在plus
-& distribute -& google 下添加ImmersedStatusbar节点并设置值为true。&
1. 真机运行不生效，需提交App云端打包后才生效；&
2. 此功能仅在Android4.4及以上系统有效。
配置系统状态栏样式
iOS平台可支持对系统状态栏样式的配置，在应用manifest.json文件的plus-&distribute-&apple下添加UIStatusBarStyle进行控制，默认值为"UIStatusBarStyleDefault"。
UIStatusBarStyleDefault&
默认样式，iOS6及以下系统状态栏为黑底白字，iOS7及以上系统用于定义系统状态栏上文字颜色为黑字（适用于浅色背景）
UIStatusBarStyleBlackOpaque&
深色背景色样式，iOS6及以下系统状态栏为黑底白字，iOS7及以上系统用于定义系统状态栏上文字颜色为白色（适用于深色背景）
UIStatusBarStyleBlackTranslucent& iOS6及以下系统在启动界面为灰底白字，iOS7及以上系统与UIStatusBarStyleBlackOpaque效果一样
设置系统状态栏背景颜色（iOS7及以上生效）
iOS平台可支持对系统状态栏背景颜色的配置，在应用manifest.json文件的plus-&distribute-&apple下添加StatusBarBackground进行控制：
值为字符串类型，格式为"#RRGGBB"格式，如红色为"#FF0000"；默认值为白色。
App云端打包设置系统状态栏背景颜色操作方式
双击应用的manifest.json文件，切换到&代码视图&，在apple节点下添加StatusBarBackground节点：
使用之后要注意沉浸模式所带来的样式的改变,如果要使用沉浸模式,最好在开发之初就设置好.