UCCWで描画オブジェクトを重ねる際の順序について

前回作成したウィジェットで白い文字の色がオブジェクトによって微妙に違うなあと思っていたのだが、どうやら文字が半透過オブジェクトの下（奥）になっていたようです。

文字は一番上（手前）に重ねる必要があったということです。

『Sort objects』が何のための機能なのか知りませんでした。

下の画面は、描いたオブジェクトの順序で並んでいるようです。つまり、上部に並んでるものほど奥に、下部に並んでるものほど手前に描画されるようなので、Shape1～6の図形をドラッグして上部に移動します。移動し終わったら『Save』

文字が驚きの白さ。当たり前のことなんだろうけど知らなかったんだからしょうがない。見栄えがよくなった。

重ねあわせる順序を変更可能なことが判ったので、Web 上で見かけたデザインのヤツを自分で作ってみたのが下のウィジェット。

ここで、色付き Oval の部分を『Special Effects』=>『See through effect』とすると、

Alpha を 0% にするんじゃなくて『See through effect』を使うところがポイント。
ウィジェット作成中は色付きで作成して、最後に『See through effect』を設定しましょう。

『See through effect』を作成中に設定したら、上に重ねた他のオブジェクトが見えなくなることがあったけど、一旦色付きに戻して、最後に設定したら正しく設定されました。

暗い背景用に、ホワイトバージョンも作ってみました。

UCCWで作成したウィジェットのフォントを変更する

日本語使ってないウィジェットのフォントなら、海外のサイトにフリー素材がたくさんあるし、ファイルの容量も小さい。Android システム自体のフォントには一切影響せず、簡単に変更できる。

ウィジェット全体を同じフォントにする必要もなく、オブジェクトごとに違うフォントを設定できるので、仮に日本語使ってても数字とアルファベットのオブジェクトだけ変更すればいい。

とりあえず以下キーワードでググった検索結果から、

"android ttf fonts"

『Free Android Fonts (.ttf .otf)- FontsAddict 』

ってとこで適当なのをダウンドードして、以下フォルダに ttf ファイルを置く。

/sdcard/fonts

今回使ったのは、『Roboto Light』ってヤツ。

前回作成したウィジェットの以下オブジェクトのフォントを変更する。

Time
Date
Day of the week
Battery Level
Current Temperature
Icon - Current conditions
Today's minimum temperature
Today's maximum temperature

各オブジェクトの設定画面で、Font を

Default font から roboto-light.ttf に変更する

完成

『Droid Sans』ってフォントも試してみた。

UCCWでウィジェットを自作してみた（その２）

今回は、よく見かけるデザインのヤツを作ってみる。

UCCW自体の説明は、『UCCWでウィジェットを自作してみた（その１）』を参考にしてください。

使用アプリ：UCCW 2.9.27
ホームアプリ：Nova Launcher 3.0.1

1.サイズ

Homescreen grid size 5 x 6
Widget size 4 x 3

2.使用オブジェクト

Time
Date
Day of the week
Battery Level
Battery circle
Current Temperature
Icon - Current conditions
Today's minimum temperature
Today's maximum temperature
Shape1
Shape2
Shape3
Shape4
Shape5
Shape6

3.各オブジェクトの設定

1) Time

Position : 92,328
Size : 150
Color : 白
Format : 00-24

2) Date

Position : 185,434
Size : 65
Color : 白
Layout : MonthDay
Day : 01-31
Month : Short

3) Day of the week

Position : 218,166
Size : 75
Color : 白
Format : Short

4) Battery Level

Position : 750,223
Size : 70
Color : 白
Suffix : %

5) Battery circle

Position : 695,65
Alpha : 60%
Width : 250
Height : 250
Style : Hollow
Width : 26

6) Current Temperature

Position : 526,588
Size : 110
Color : 白

7) Icon - Current conditions

Position : 570,310
Scale : 120

8) Today's minimum temperature

Position : 706,600
Size : 50
Color : 白

9) Today's maximum temperature

Position : 706,527
Size : 50

Color : 白

10) Shape1

Position : 706,600
Alpha : 50%
Color : 白
Style : Hollow Oval
Width : 462
Height : 462

11) Shape2

Position : 462,294
Alpha : 50%
Color : 白
Style : Hollow Oval
Width : 378
Height : 378

12) Shape3

Position : 672,42
Alpha : 50%
Color : 白
Style : Hollow Oval
Width : 294
Height : 294

13) Shape4

Position : 52,52
Alpha : 40%
Color : 黒
Style : Oval
Width : 442
Height : 442

14) Shape5

Position : 472,304
Alpha : 40%
Color : 黒
Style : Oval
Width : 358
Height : 358

15) Shape6

Position : 682,52
Alpha : 40%
Color : 黒
Style : Oval
Width : 274
Height : 274

4.Weather settings

Update interval => 3 hour
（あんまり短くするとバッテリー食う気がするので、お好みで）

Weather provider => Yahoo

Location => Auto location　

（Auto location でうまく場所が取得できないときは、一旦、位置情報サービスをONにすれば取得できるかも？　※気のせいかもしれんが、場所が取得できても天気がうまく取得できない時間帯が存在するような気がする。ダメなときは、OpenWeatherMapを試すか、別の時間帯にチャレンジしてみるといいかも？）