├── .gitattributes ├── .gitignore ├── .idea ├── .name ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── encodings.xml ├── gradle.xml ├── misc.xml ├── modules.xml └── vcs.xml ├── LayoutWatchFace.iml ├── README.md ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── mobile ├── .gitignore ├── build.gradle ├── mobile.iml ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ └── res │ ├── drawable-xxxhdpi │ └── ic_launcher.png │ └── values │ ├── strings.xml │ └── styles.xml ├── settings.gradle └── wear ├── .gitignore ├── build.gradle ├── proguard-rules.pro ├── src └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── udellent │ │ └── layoutwatchface │ │ └── LayoutFaceService.java │ └── res │ ├── drawable-nodpi │ ├── preview_layout.png │ └── preview_layout_circular.png │ ├── drawable-xxxhdpi │ └── ic_launcher.png │ ├── layout │ └── watchface.xml │ ├── values │ ├── colors.xml │ ├── dimens.xml │ └── strings.xml │ └── xml │ └── watch_face.xml └── wear.iml /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /.idea/workspace.xml 4 | /.idea/libraries 5 | .DS_Store 6 | /build 7 | /captures 8 | /Project -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | LayoutWatchFace -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 22 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /LayoutWatchFace.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # layout-watch-face 2 | A sample watch face for Android Wear built using layouts. 3 | 4 | Demonstrates a technique of building Android Wear watch faces using standard Android layouts, rather than drawing to the Canvas directly. 5 | 6 | A full writeup on this technique, and the making of this watch face, can be found at https://sterlingudell.wordpress.com/2015/05/10/layout-based-watch-faces-for-android-wear/ 7 | 8 | The working app is available on Google Play at https://play.google.com/store/apps/details?id=com.udellent.layoutwatchface 9 | 10 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.2.2' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StringMon/layout-watch-face/e5b5aff2023cfd723cf228b7d2f919779d8e825b/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Apr 10 15:27:10 PDT 2013 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.2.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> $.*$$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /mobile/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /mobile/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 22 5 | buildToolsVersion "22.0.1" 6 | 7 | defaultConfig { 8 | applicationId "com.udellent.layoutwatchface" 9 | minSdkVersion 18 10 | targetSdkVersion 22 11 | versionCode 10100 12 | versionName "1.1" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | // proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | 21 | project.ext.set("archivesBaseName", defaultConfig.applicationId + "_" + 22 | defaultConfig.versionName.replace(" ", "_")); 23 | applicationVariants.all { variant -> 24 | appendVersionNameVersionCode(variant) 25 | } 26 | } 27 | 28 | dependencies { 29 | compile fileTree(dir: 'libs', include: ['*.jar']) 30 | wearApp project(':wear') 31 | } 32 | 33 | def appendVersionNameVersionCode(variant) { 34 | variant.outputs.each { output -> 35 | if (output.zipAlign) { 36 | def file = output.outputFile 37 | def fileName = file.name.replace("-", "_").replace("_release.apk", ".apk") 38 | output.outputFile = new File(file.parent, fileName) 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /mobile/mobile.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /mobile/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in C:\android-sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /mobile/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /mobile/src/main/res/drawable-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StringMon/layout-watch-face/e5b5aff2023cfd723cf228b7d2f919779d8e825b/mobile/src/main/res/drawable-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /mobile/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Layout Watch Face 3 | 4 | -------------------------------------------------------------------------------- /mobile/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':mobile', ':wear' 2 | -------------------------------------------------------------------------------- /wear/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /wear/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | 4 | android { 5 | compileSdkVersion 22 6 | buildToolsVersion "22.0.1" 7 | 8 | defaultConfig { 9 | applicationId "com.udellent.layoutwatchface" 10 | minSdkVersion 21 11 | targetSdkVersion 22 12 | versionCode 10100 13 | versionName "1.1" 14 | } 15 | buildTypes { 16 | release { 17 | minifyEnabled false 18 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 19 | } 20 | } 21 | } 22 | 23 | dependencies { 24 | compile fileTree(dir: 'libs', include: ['*.jar']) 25 | compile 'com.google.android.support:wearable:1.1.0' 26 | } 27 | -------------------------------------------------------------------------------- /wear/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in C:\android-sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /wear/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 16 | 20 | 23 | 26 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /wear/src/main/java/com/udellent/layoutwatchface/LayoutFaceService.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2014 The Android Open Source Project 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package com.udellent.layoutwatchface; 18 | 19 | import android.content.BroadcastReceiver; 20 | import android.content.Context; 21 | import android.content.Intent; 22 | import android.content.IntentFilter; 23 | import android.content.res.Resources; 24 | import android.graphics.Canvas; 25 | import android.graphics.Color; 26 | import android.graphics.Point; 27 | import android.graphics.Rect; 28 | import android.graphics.Typeface; 29 | import android.os.Bundle; 30 | import android.os.Handler; 31 | import android.os.Message; 32 | import android.support.wearable.watchface.CanvasWatchFaceService; 33 | import android.support.wearable.watchface.WatchFaceStyle; 34 | import android.text.format.Time; 35 | import android.util.Log; 36 | import android.view.Display; 37 | import android.view.LayoutInflater; 38 | import android.view.SurfaceHolder; 39 | import android.view.View; 40 | import android.view.ViewGroup; 41 | import android.view.WindowInsets; 42 | import android.view.WindowManager; 43 | import android.widget.TextView; 44 | 45 | import java.util.TimeZone; 46 | import java.util.concurrent.TimeUnit; 47 | 48 | /** 49 | * Digital watch face with seconds. In ambient mode, the seconds aren't displayed. On devices with 50 | * low-bit ambient mode, the text is drawn without anti-aliasing in ambient mode. 51 | */ 52 | public class LayoutFaceService extends CanvasWatchFaceService { 53 | private static final Typeface NORMAL_TYPEFACE = 54 | Typeface.create(Typeface.SANS_SERIF, Typeface.NORMAL); 55 | 56 | /** 57 | * Update rate in milliseconds for interactive mode. We update once a second since seconds are 58 | * displayed in interactive mode. 59 | */ 60 | private static final long INTERACTIVE_UPDATE_RATE_MS = TimeUnit.SECONDS.toMillis(1); 61 | 62 | @Override 63 | public Engine onCreateEngine() { 64 | return new Engine(); 65 | } 66 | 67 | private class Engine extends CanvasWatchFaceService.Engine { 68 | static final int MSG_UPDATE_TIME = 0; 69 | 70 | /** 71 | * Handler to update the time periodically in interactive mode. 72 | */ 73 | final Handler mUpdateTimeHandler = new Handler() { 74 | @Override 75 | public void handleMessage(Message message) { 76 | switch (message.what) { 77 | case MSG_UPDATE_TIME: 78 | invalidate(); 79 | if (shouldTimerBeRunning()) { 80 | long timeMs = System.currentTimeMillis(); 81 | long delayMs = INTERACTIVE_UPDATE_RATE_MS 82 | - (timeMs % INTERACTIVE_UPDATE_RATE_MS); 83 | mUpdateTimeHandler.sendEmptyMessageDelayed(MSG_UPDATE_TIME, delayMs); 84 | } 85 | break; 86 | } 87 | } 88 | }; 89 | 90 | final BroadcastReceiver mTimeZoneReceiver = new BroadcastReceiver() { 91 | @Override 92 | public void onReceive(Context context, Intent intent) { 93 | mTime.clear(intent.getStringExtra("time-zone")); 94 | mTime.setToNow(); 95 | } 96 | }; 97 | 98 | boolean mRegisteredTimeZoneReceiver = false; 99 | 100 | boolean mAmbient; 101 | 102 | Time mTime; 103 | 104 | float mXOffset = 0; 105 | float mYOffset = 0; 106 | 107 | private int specW, specH; 108 | private View myLayout; 109 | private TextView day, date, month, hour, minute, second; 110 | private final Point displaySize = new Point(); 111 | 112 | /** 113 | * Whether the display supports fewer bits for each color in ambient mode. When true, we 114 | * disable anti-aliasing in ambient mode. 115 | */ 116 | boolean mLowBitAmbient; 117 | 118 | @Override 119 | public void onCreate(SurfaceHolder holder) { 120 | super.onCreate(holder); 121 | 122 | setWatchFaceStyle(new WatchFaceStyle.Builder(LayoutFaceService.this) 123 | .setCardPeekMode(WatchFaceStyle.PEEK_MODE_SHORT) 124 | .setBackgroundVisibility(WatchFaceStyle.BACKGROUND_VISIBILITY_INTERRUPTIVE) 125 | .setShowSystemUiTime(false) 126 | .build()); 127 | Resources resources = LayoutFaceService.this.getResources(); 128 | 129 | mTime = new Time(); 130 | 131 | // Inflate the layout that we're using for the watch face 132 | LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); 133 | myLayout = inflater.inflate(R.layout.watchface, null); 134 | 135 | // Load the display spec - we'll need this later for measuring myLayout 136 | Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)) 137 | .getDefaultDisplay(); 138 | display.getSize(displaySize); 139 | 140 | // Find some views for later use 141 | day = (TextView) myLayout.findViewById(R.id.day); 142 | date = (TextView) myLayout.findViewById(R.id.date); 143 | month = (TextView) myLayout.findViewById(R.id.month); 144 | hour = (TextView) myLayout.findViewById(R.id.hour); 145 | minute = (TextView) myLayout.findViewById(R.id.minute); 146 | second = (TextView) myLayout.findViewById(R.id.second); 147 | } 148 | 149 | @Override 150 | public void onDestroy() { 151 | mUpdateTimeHandler.removeMessages(MSG_UPDATE_TIME); 152 | super.onDestroy(); 153 | } 154 | 155 | @Override 156 | public void onVisibilityChanged(boolean visible) { 157 | super.onVisibilityChanged(visible); 158 | 159 | if (visible) { 160 | registerReceiver(); 161 | 162 | // Update time zone in case it changed while we weren't visible. 163 | mTime.clear(TimeZone.getDefault().getID()); 164 | mTime.setToNow(); 165 | } else { 166 | unregisterReceiver(); 167 | } 168 | 169 | // Whether the timer should be running depends on whether we're visible (as well as 170 | // whether we're in ambient mode), so we may need to start or stop the timer. 171 | updateTimer(); 172 | } 173 | 174 | private void registerReceiver() { 175 | if (mRegisteredTimeZoneReceiver) { 176 | return; 177 | } 178 | mRegisteredTimeZoneReceiver = true; 179 | IntentFilter filter = new IntentFilter(Intent.ACTION_TIMEZONE_CHANGED); 180 | LayoutFaceService.this.registerReceiver(mTimeZoneReceiver, filter); 181 | } 182 | 183 | private void unregisterReceiver() { 184 | if (!mRegisteredTimeZoneReceiver) { 185 | return; 186 | } 187 | mRegisteredTimeZoneReceiver = false; 188 | LayoutFaceService.this.unregisterReceiver(mTimeZoneReceiver); 189 | } 190 | 191 | @Override 192 | public void onApplyWindowInsets(WindowInsets insets) { 193 | super.onApplyWindowInsets(insets); 194 | 195 | if (insets.isRound()) { 196 | // Shrink the face to fit on a round screen 197 | mYOffset = mXOffset = displaySize.x * 0.1f; 198 | displaySize.y -= 2 * mXOffset; 199 | displaySize.x -= 2 * mXOffset; 200 | } else { 201 | mXOffset = mYOffset = 0; 202 | } 203 | 204 | // Recompute the MeasureSpec fields - these determine the actual size of the layout 205 | specW = View.MeasureSpec.makeMeasureSpec(displaySize.x, View.MeasureSpec.EXACTLY); 206 | specH = View.MeasureSpec.makeMeasureSpec(displaySize.y, View.MeasureSpec.EXACTLY); 207 | } 208 | 209 | @Override 210 | public void onPropertiesChanged(Bundle properties) { 211 | super.onPropertiesChanged(properties); 212 | mLowBitAmbient = properties.getBoolean(PROPERTY_LOW_BIT_AMBIENT, false); 213 | } 214 | 215 | @Override 216 | public void onTimeTick() { 217 | super.onTimeTick(); 218 | invalidate(); 219 | } 220 | 221 | @Override 222 | public void onAmbientModeChanged(boolean inAmbientMode) { 223 | super.onAmbientModeChanged(inAmbientMode); 224 | if (mAmbient != inAmbientMode) { 225 | mAmbient = inAmbientMode; 226 | 227 | // Show/hide the seconds fields 228 | if (inAmbientMode) { 229 | second.setVisibility(View.GONE); 230 | myLayout.findViewById(R.id.second_label).setVisibility(View.GONE); 231 | } else { 232 | second.setVisibility(View.VISIBLE); 233 | myLayout.findViewById(R.id.second_label).setVisibility(View.VISIBLE); 234 | } 235 | 236 | // Switch between bold & normal font 237 | Typeface font = Typeface.create("sans-serif-condensed", 238 | inAmbientMode ? Typeface.NORMAL : Typeface.BOLD); 239 | ViewGroup group = (ViewGroup) myLayout; 240 | for (int i = group.getChildCount() - 1; i >= 0; i--) { 241 | // We only get away with this because every child is a TextView 242 | ((TextView) group.getChildAt(i)).setTypeface(font); 243 | } 244 | 245 | invalidate(); 246 | } 247 | 248 | // Whether the timer should be running depends on whether we're visible (as well as 249 | // whether we're in ambient mode), so we may need to start or stop the timer. 250 | updateTimer(); 251 | } 252 | 253 | @Override 254 | public void onDraw(Canvas canvas, Rect bounds) { 255 | // Get the current Time 256 | mTime.setToNow(); 257 | 258 | // Apply it to the date fields 259 | day.setText(String.format("%ta", mTime.toMillis(false))); 260 | date.setText(String.format("%02d", mTime.monthDay)); 261 | month.setText(String.format("%tb", mTime.toMillis(false))); 262 | 263 | // Apply it to the time fields 264 | hour.setText(String.format("%02d", mTime.hour)); 265 | minute.setText(String.format("%02d", mTime.minute)); 266 | if (!mAmbient) { 267 | second.setText(String.format("%02d", mTime.second)); 268 | } 269 | 270 | // Update the layout 271 | myLayout.measure(specW, specH); 272 | myLayout.layout(0, 0, myLayout.getMeasuredWidth(), myLayout.getMeasuredHeight()); 273 | 274 | // Draw it to the Canvas 275 | canvas.drawColor(Color.BLACK); 276 | canvas.translate(mXOffset, mYOffset); 277 | myLayout.draw(canvas); 278 | } 279 | 280 | /** 281 | * Starts the {@link #mUpdateTimeHandler} timer if it should be running and isn't currently 282 | * or stops it if it shouldn't be running but currently is. 283 | */ 284 | private void updateTimer() { 285 | mUpdateTimeHandler.removeMessages(MSG_UPDATE_TIME); 286 | if (shouldTimerBeRunning()) { 287 | mUpdateTimeHandler.sendEmptyMessage(MSG_UPDATE_TIME); 288 | } 289 | } 290 | 291 | /** 292 | * Returns whether the {@link #mUpdateTimeHandler} timer should be running. The timer should 293 | * only run when we're visible and in interactive mode. 294 | */ 295 | private boolean shouldTimerBeRunning() { 296 | return isVisible() && !isInAmbientMode(); 297 | } 298 | } 299 | } 300 | -------------------------------------------------------------------------------- /wear/src/main/res/drawable-nodpi/preview_layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StringMon/layout-watch-face/e5b5aff2023cfd723cf228b7d2f919779d8e825b/wear/src/main/res/drawable-nodpi/preview_layout.png -------------------------------------------------------------------------------- /wear/src/main/res/drawable-nodpi/preview_layout_circular.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StringMon/layout-watch-face/e5b5aff2023cfd723cf228b7d2f919779d8e825b/wear/src/main/res/drawable-nodpi/preview_layout_circular.png -------------------------------------------------------------------------------- /wear/src/main/res/drawable-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StringMon/layout-watch-face/e5b5aff2023cfd723cf228b7d2f919779d8e825b/wear/src/main/res/drawable-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /wear/src/main/res/layout/watchface.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 20 | 31 | 43 | 44 | 56 | 69 | 70 | 82 | 95 | 96 | 108 | 121 | -------------------------------------------------------------------------------- /wear/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #000000 4 | #ffffff 5 | 6 | -------------------------------------------------------------------------------- /wear/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 40dp 4 | 45dp 5 | 15dp 6 | 25dp 7 | 90dp 8 | 9 | -------------------------------------------------------------------------------- /wear/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Layout Watch Face 3 | Layout Example 4 | 5 | -------------------------------------------------------------------------------- /wear/src/main/res/xml/watch_face.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /wear/wear.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | --------------------------------------------------------------------------------