Transparent background for own watch clock app (Gear2)

由 A M

2014年 05月 22日 03:46 English(英语) 10 回复

Is there any way to set up a transparent background for my clock application widget?
Or maybe there is a way to obtain current background image path?

编辑者为: A M 开 22 5月, 2014

响应

10 回复

czh

2014年 05月 23日 03:11

workspace\{app name}\css\style.css

.canvas {
    position: absolute;
    background: rgba(0,0,0,0);
    width: 320px;
    height: 320px
}

回复此主题
标记为答案
- 报告
- 编辑
- 删除

A M czh

2014年 05月 23日 03:54

tried, doesn't work, background is black.

I'm looking a way to set my app bg transparent to get system wallpaper visible under my app.

回复此主题
标记为答案
- 报告
- 编辑
- 删除

Slawek Kowalski

2014年 05月 23日 04:02

Set z-index property. Default value is 'auto' and it gets value from its parent. Html body value is 0. Try to set 1, 10 or even 1000 if need.

.canvas {
    position: absolute;
    background: rgba(0,0,0,0);
    width: 320px;
    height: 320px;
    z-index: 100;
}

回复此主题
标记为答案
- 报告
- 编辑
- 删除

A M Slawek Kowalski

2014年 05月 23日 04:21

even with 1000 bg is still black...

回复此主题
标记为答案
- 报告
- 编辑
- 删除

czh

2014年 05月 23日 04:04

background background: rgba(0,0,0,0.6); background: rgba(0,0,0,0);

回复此主题
标记为答案
- 报告
- 编辑
- 删除

A M czh

2014年 05月 23日 04:30

cool. but where is an error?

index.html

<!DOCTYPE html><html><head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="description" content="Example" />
    <title>Example</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
    <canvas class="canvas"></canvas>
</body>
</html>

style.css

* {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 1.4em;
    margin: 10px 0 20px 10px;
    color: #6587ac;
}

.canvas {
    position: absolute;
    background: rgba(0,0,0,0);
    width: 320px;
    height: 320px;
    z-index: 1000;
}

回复此主题
标记为答案
- 报告
- 编辑
- 删除

A M czh

2014年 05月 24日 13:34

could you share an example project without additional functionality which demonstate transparency? or review provided code above with giving an advice