CASE函数

 

 

作用：

1. 可以将查询结果集的某一列的字段值进行替换
2. 它可以生成一个新列
3. 相当于switch...case和 if..else

 

使用语法：

case 表达式/字段

         when 值 then 自定义值

         else

end as 别名

 

when 值 then：可以理解为当某个字段为某个值的时候，然后就返回自定义值将结果集的字段值进行替换

else：如果上面的when都不满足就执行else结果

 

 

 

 

常用用法一(case后面有字段或者表达式)：

when关键字后面写固定值

 

case关键字后面如果有字段或者表达式，那么这种结构只能做等值判断，等值的意思是when关键字后面写了固定的值

示例图解：

1 set rowcount 0
2 select NULL mykey, * into #mytemp from  dbo.DIM_DISTRIBUTOR
3
4 set rowcount 1
5 update #mytemp set mykey = 1
6
7 declare @i int
8 set @i=1
9 while @@rowcount > 0
10 begin
11     set rowcount 0
12     select * from #mytemp where mykey = 1
13
14     declare @zj varchar(222)
15         select @zj=DISTRIBUTORID from #mytemp where mykey = 1
16          print @i
17
18      update DIM_DISTRIBUTOR set NAME='用户测试数据'+CAST(@i as varchar(222))    where DISTRIBUTORID=@zj
19
20     set @i=@i+1
21     delete #mytemp where mykey = 1
22     set rowcount 1
23     update #mytemp set mykey = 1
24 end
25 set rowcount 0

 

 

 

HBuilder设置APP状态栏

 

一、 前言

　　状态栏就是手机屏幕最顶部的区域，包括了：信号、运营商、电量等信息。通常APP都有属于自己的色调风格，为了达到整体视觉美观，通常会设置状态栏和标题栏的色调设置成一致。

　　图例：

　　

 

 

 

二、状态栏状态类型

1. 默认
2. 变色（设置颜色）
3. 透明（沉浸式）
4. 消失（全屏）

 

 

 

三、状态栏变色

　　1.效果如图：

　　2.根据色调设置状态栏文字颜色，文字颜色只提供两种值：light（白色）、dark（黑色）

　　3.设置标题栏背景颜色

　　4.设置状态栏背景颜色，颜色值为16进制

　　示例代码：

 

1 <link href="css/mui.min.css" rel="stylesheet"/>
2 .mui-bar{ background-color: red;}
3 </link>
4 <script>
5 mui.plusReady(function(){
6 plus.navigator.setStatusBarStyle('light');
7 plus.navigator.setStatusBarBackground('#FF0000');
8 });
9 </script>

 

　　注意事项：

　　背景色终端支持仅：Android5及以上系统支持；iOS7.0及以上系统支持。

　　文字色终端支持仅：Android5只有小米和魅族支持，Android6及以上所有安卓支持；iOS7及以上支持。

 

　　

四、状态栏透明（沉浸式）

　　1.效果如图：

　　

　　　　　　　　　　（将背景图片和状态栏、标题栏贯通了）

 

 　　

　　2.运用实战（登录界面）

　　需求描述：将背景设置成图片，图片可以适应不同设备的分配率（响应式），将状态栏的背景设置成透明，背景图片覆盖状态栏至屏幕顶部。　　

 

<style>
html,body{height: 100%;width: 100%;}
body{
background:url(image/background.png)no-repeat;
background-size:100% 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/background.png',sizingMethod='scale');
}
</style>

 

 

mui.plusReady(function(){
plus.navigator.setStatusBarStyle('light');
});

 

"plus": {
"statusbar": {
"immersed": true
}
}

 

 　　3.沉浸式延伸的问题

　　 由于沉浸式模式是在manifest.json文件配置，作为了一个固定全局的设置，沉浸式的设置可能只是针对部分页面，那么对其他的页面都牵连了。

　　 导致的效果如图：

　　

　　　　　　　　　　　　　　（状态栏的高度被忽略）

　　解决代码：

mui.plusReady(function(){
plus.webview.currentWebview().setStyle({
statusbar:{background:'#ff0000'},top:0,bottom: 0
　　});
　});

　　background属性，设置状态栏的背景色。

 

 

 

五、 全屏显示（没有状态栏）

在应用中可调用5+ API动态改变应用是否全屏显示的状态：

 

function fullscreen(){
// 设置应用全屏显示！
plus.navigator.setFullscreen(true);
}
function unfullscreen(){
// 设置应用非全屏显示！
plus.navigator.setFullscreen(false);
}
function isfullscreen(){
// 查询应用当前是否全屏显示！
console.log( "是否全屏："+(plus.navigator.isFullscreen()?"是":"否") );
}

 

 

 

 

 

 

知识改变命运