watch face studio (wfs) is a powerful tool for creating custom watch faces for galaxy watches running on wear os powered by samsung. wfs has many features that enable you to create attractive watch faces, such as masking. masking is used to selectively hide or reveal specific parts of a specific layer. you can use it to enhance visual impact, create special effects, or draw focus to specific areas of an image. in wfs, a mask is defined by the bottommost layer of the layers to be masked. in other words, the lowest layer is a mask container that partially hides the layers above it. this article describes how you can use masks in wfs to create a simple watch face with a color-changing effect on the watch index and date. at the end of this blog, you will find a sample project which i am going to demonstrate here. color-changing watch index to create a watch index that appears to change color, define a watch index that selectively shows a rotating image. step 1: create a rotating image first, create an image for the colors of the watch index. to set the image to rotate each second, in the image properties, enter the following tag expression as the rotation angle: [sec]*60 figure 1: define the rotating image step 2: add the watch index next, add a suitable watch index, such as one consisting of digits. since we want the color image to show through the digits on the watch index, move the watch index layer below the image layer. the watch index layer will become the mask container. figure 2: watch index layer below image layer step 3: create the mask select both the image and watch index layers and click “mask.” figure 3: create the mask the image layer is now masked by the watch index. as the image layer rotates, the portion visible through the watch index changes, creating the appearance of a changing color background. figure 4: watch index with color-change effect color-changing date text a mask can also be applied to multiple layers simultaneously. combined with tag expressions, you can create effects such as colors that scroll across text. step 1: create and configure the color images create seven images in different colors on separate layers. to make each image move sideways every second, in the image properties for each layer, define the tag expression for image placement using the following formula: [sec] <= x ? 0 : ([sec] - x)*4 in the formula, replace “x” with “0” for the topmost layer, “10” for the second layer, and so on, incrementing by 10 for each layer. do not define a tag expression for the bottommost layer. figure 5: define tag expressions when the seconds value is equal to or less than x, the image is in its initial position. as the second value increments past x, each second the image moves 4 pixels to the right. to make it easier to work with the set of color images, select all of them and add them to a group. step 2: add the date component and mask create a digital clock date component and adjust its size to cover the color images. in a similar way to creating the mask for the watch index, move the date component to the bottom layer. select it and all the color images above it, then click “mask.” all the color image layers are simultaneously masked by the date text. figure 6: masked date component to complete the watch face, add watch hands to it. watch face preview when you have implemented both the watch index and date, you can preview the watch face in wfs. download the sample project from here and open it with watch face studio. click “run” and select “on watch” to see how the watch face looks on a real device. figure 7: watch face preview note : watch faces with multiple masks can affect device performance. conclusion image masking is a powerful technique that can be used to enhance or manipulate images in various ways. watch face studio makes it easy and intuitive to implement masked text layers in your design, enabling you to create unique and attractive watch faces. for more information about watch face studio, see the watch face studio documentation. you can also visit the samsung developers forum, an active and friendly community where you can ask for and receive help with your application development. if you face any issue regarding wfs, feel free to contact the developer technical support team. sample mask project (247kb) apr. 18, 2023

discover and create with samsung developers using our tools and services, you can provide an exceptional experience to samsung users around the world watch face studio get acquainted with watch face studio, which lets you turn your ideas into wear os watch faces! emulator skins for galaxy s23 check out the newly released emulator skins for galaxy s23, s23+ and s23 ultra. download now! developer forums join a community of samsung experts, developers, and designers in a global conversation. latest blog go to blog find in-depth technical content written by samsung developers {{pagetype}} {{pagecategorydisplay}} {{title}} {{shortdesc}} {{authorname}} featured videos go to youtube video video mar 21, 2023 quick and easy: using a galaxy emulator skin watch this youtube shorts to quickly learn how to make your android virtual device look like a galaxy device using the galaxy emulator skin. mar 21, 2023 video video oct 12, 2022 watch face studio with dark mode create a beautiful watch face that is refined and provides a more comfortable viewing experience in low-light situations. oct 12, 2022 video video feb 9, 2022 how to test your mobile apps through a web browser in this video, you will learn how to test your mobile apps through a web browser using the remote test lab web client. feb 9, 2022 explore more learn code lab code lab is an education platform that engages anyone to understand, through a series of topics, all sdks and tools powered by samsung. learn more > test remote test lab don’t have a samsung device to test your app? no problem! test your apps on the latest samsung galaxy devices in our remote test lab. learn more > distribute galaxy store are you a first timer? haven’t built an app for a samsung device yet? no problem. find everything you need to create your apps, products, and solutions. learn more > support developer support need developer technical support? login with your samsung account to submit a support request ticket and our team will respond within 1 business day. learn more >

watch face studio device compatibility watch faces made using wfs can be downloaded and installed for any wear os watch device, regardless of manufacturer, as long as the device targets wear 3.0 (api level 30) or higher. get started wfs works on both windows and macos environments. here are some of the key ways you can use wfs: style editing: customize the watch face’s color, background image, font, etc. groups and complications: group components so that you can control or move those components with a single action. you can handle a complication by shape. tag expressions: add tags with date, time, battery, step count information, and more. figure 1. watch face design in wfs

galaxy unpacked brought exciting new product announcements for galaxy watch4, galaxy z fold3, and galaxy z flip3. in this post, we'll go into more detail on how you can create delightful experiences for these devices in your own apps and watch faces. galaxy watch4 / one ui watch the new galaxy watch4 announcement shines the spotlight on the new collaborative wearable platform from samsung and google. this change from tizen to wear os opens doors for developers and designers to create exciting new designs. as with earlier generations of galaxy watch models, designers can create beautiful work without coding. for galaxy watch4, we've introduced watch face studio. designers who built for tizen-based devices using galaxy watch studio will recognize how this new tool works. for creators with existing designs built with galaxy watch studio, there is also a tool to convert from the tizen .tpk format to the wear os .aab format. this tool is called galaxy watch studio converter. as there are differences between tizen and wear os, some functions are not supported in the conversion process. for support on these tools, please visit the samsung developer forums for watch face studio and watch face studio converter. developers who are interested in creating applications for the new wearable platform can find more information at the android developers site. galaxy z series galaxy unpacked brought news of two exciting evolutions of samsung phones with the galaxy z fold3 and the galaxy z flip3. for mobile developers, these devices provide opportunities to bring a first-class experience to users of their apps by utilizing unique features of the z series hardware and software. possibly the most notable addition to the galaxy z fold3 is the s pen, which had previously been available to owners of galaxy note and galaxy tab devices. developers can integrate the s pen remote and air actions into their apps. code labs with samples are available to get you started. to check if s pen is available on a device, this block of code can be used. spenremote spenremote = spenremote.getinstance(); if (!spenremote.isconnected()) { spenremote.connect(getcontext(), new spenremote.connectionresultcallback() { @override public void onsuccess(spenunitmanager manager) { } @override public void onfailure(int error) { } }); } another feature of the galaxy z fold3 that developers can access is the inner display, activated when the device is opened. developers who want to provide a premium experience for these devices should ensure their apps provide continuity across the displays while interrupting their users as little as possible. samsung provides a code lab and sample code to ensure that your apps provide the best experience possible. the galaxy z fold3 and galaxy z flip3 also provide a unique featured called flex mode. flex mode is activated when a user opens the z fold3 or z flip3 screen half-way. in this configuration, apps are notified to alter their appearance to give the best experience. as with other new features, a code lab with samples is available on this site. follow up even though galaxy unpacked could not be experienced live, it brought new and exciting product announcements that improve our lives. we hope you enjoyed galaxy unpacked and use this information to make incredible experiences for your users. this site has many resources for developers looking to build for and integrate with samsung devices and services. stay in touch with the latest news by creating a free account or by subscribing to our monthly newsletter. visit the marketing resources page for information on promoting and distributing your apps. finally, our developer forum is an excellent way to stay up-to-date on all things related to the galaxy ecosystem.

learn to develop with samsung explore our sdks and tools through code labs, podcasts, blogs, articles, videos and more. popular learning topics discover what our developers are watching and reading. code lab code lab measure blood oxygen level and heart rate on galaxy watch create a health app for galaxy watches powered by wear os, utilizing the new samsung privileged health sdk to trigger and obtain results of simultaneous blood oxygen level (spo2) and heart rate measurements. code lab code lab apply conditional lines on watch faces learn how to create a watch face that responds to time and notification using conditional lines in watch face studio. code lab code lab add boarding passes, tickets, and coupons learn how to integrate the add to wallet functionality with partner services, enabling users to add boarding passes, tickets, and coupons to samsung wallet. tutorial tutorial start your learning journey with code lab code lab is a learning platform where you can get started with the latest technologies and services in samsung. tutorial tutorial how to use jetpack windowmanager in android game dev learn how to utilize foldable features in android game apps. video tutorials go to youtube video oct 12, 2022 watch face studio with dark mode create a beautiful watch face that is refined and provides a more comfortable viewing experience in low-light situations. oct 12, 2022 video feb 9, 2022 how to test your mobile apps through a web browser remote test lab is a service that enables developers to control devices remotely. with this, you can test your applications on a real device by interacting with it over the network in real-time. feb 9, 2022 video mar 3, 2021 implement flex mode on a video player with galaxy z learn how to implement flex mode on a video player app using android jetpack window manager. mar 3, 2021 newsletter monthly newsletter for samsung developers if you don't currently receive the newsletter, you can subscribe here. i agree that samsung developers may use the data given by me for the newsletter. detail subscribe code lab learn about how to use samsung sdks and tools to implement various use cases with sample apps. learn more foldables and large screens boost your app's value with foldables and large screen optimization learn more the samsung developers podcast the samsung developers podcast discusses development and design with well-known and upcoming leaders in the industry. learn more

code lab code lab is an education platform that engages anyone to understand, through a series of topics, the entirety of the sdks and tools powered by samsung. all tags all tags sdc22 bixby smartthings control a smart bulb control a smart light bulb and change its color using bixby home studio. 30 mins start sdc22 samsung pay integrate in-app payment with merchant apps learn how to integrate in-app payment with your merchant apps using samsung pay sdk. 45 mins start sdc22 samsung wallet add boarding passes, tickets, and coupons learn how to integrate the add to wallet functionality with partner services, enabling users to add boarding passes, tickets, and coupons to samsung wallet. 30 mins start sdc22 watch face studio apply conditional lines on watch faces learn how to create a watch face that responds to time and notification using conditional lines in watch face studio. 20 mins start sdc22 health measure blood oxygen level on galaxy watch create a health app for galaxy watches powered by wear os, utilizing the new samsung privileged health sdk to trigger and obtain blood oxygen level (spo2) measurement results. 30 mins start sdc22 health measure blood oxygen level and heart rate on galaxy watch create a health app for galaxy watches powered by wear os, utilizing the new samsung privileged health sdk to trigger and obtain results of simultaneous blood oxygen level (spo2) and heart rate measurements. 40 mins start sdc22 galaxy z implement multi-window picture-in-picture on a video player learn how to implement multi-window picture-in-picture (pip) feature on a video player app for a seamless viewing experience on foldable devices. 20 mins start sdc22 samsung blockchain transfer erc20 token with blockchain app develop a decentralized application (dapp) to transfer erc20 tokens between ethereum accounts using samsung blockchain platform sdk. 45 mins start sdc22 galaxy ar emoji gamedev use ar emoji on games and 3d apps learn how to use ar emoji as character of games or 3d applications using galaxy ar emoji sdk for unity. 60 mins start sdc22 samsung internet galaxy z develop a camera web app on foldables learn how to develop a camera web application that detects partially folded posture and adjusts its layout accordingly to improve user's experience on samsung foldable devices. 30 mins start sdc22 gamedev galaxy z implement flex mode on a unity game learn how to implement flex mode on a unity game using android jetpack windowmanager and unity's java native interface (jni) wrapper. 90 mins start sdc22 gamedev galaxy z implement flex mode on an unreal engine game learn how to implement flex mode on an unreal engine game using android jetpack windowmanager and raw java native interface (jni). 120 mins start sdc22 smartthings integrate iot devices into the smartthings ecosystem learn how to create your own iot device using smartthings sdk for direct connected devices. 45 mins start health create a daily step counter on galaxy watch create a native app for galaxy watch, operating on wear os powered by samsung, using health platform to read your daily steps. 40 mins start health track deadlift exercise on galaxy watch create a native app for galaxy watch, operating on wear os powered by samsung, using health services to track deadlift exercise. this app measures repetition count, calories burned, and time spent during the exercise. 40 mins start watch face studio create a watch face using tag expressions learn how to create a watch face that responds based on the date, time, step count, heart rate, and battery level using tag expressions in watch face studio. 60 mins start galaxy z implement app continuity and optimize large screen ui of a gallery app learn how to apply app continuity and large screen optimization on a gallery app for seamless experience on foldable devices. 40 mins start galaxy z configure an app to enable copy and paste in multi-window learn how to implement copy and paste on a note-taking app when in multi-window mode. 30 mins start galaxy z configure an app to enable drag and drop in multi-window learn how to implement drag and drop on a note-taking app when in multi-window mode. 30 mins start gamedev optimize unity game performance learn how to optimize the performance of a demo game using the adaptive performance package from within unity. 30 mins start galaxy s pen remote implement keyevent.callback by mapping air actions learn how to implement keyevent.callback on your s pen remote by mapping the air actions on a car racing game. 30 mins start galaxy s pen remote handle s pen's raw data learn how to implement s pen remote sdk and handle raw data of s pen. 30 mins start samsung blockchain develop a secure blockchain app learn how to create your own decentralized applications (dapp) using samsung blockchain keystore sdk. 40 mins start samsung blockchain develop a blockchain shopping app create a shopping application with samsung blockchain platform sdk and pay using ethereum network. 40 mins start samsung dex open a new desktop world on pc or mac optimize your application and its input capabilities on samsung dex. 60 mins start need technical support? if you have any queries or problems while developing a sample app in code lab, login using your samsung account and submit a support request. on the support request screen, select i am a developer and i need assistance from developer support engineers, choose sample app for code lab, and provide appropriate details. go to support request

faq q01. which watch devices support the converted watch faces? the converted watch faces are compatible with galaxy watches with wear os powered by samsung, including the galaxy watch 4. q02. how do i distribute my converted watch face? the converted watch faces are compatible with galaxy watches with wear os powered by samsung, including the galaxy watch 4. you can distribute your converted watch face through google play. q03. are there any issues using converted watch faces on a device with a different resolution? a watch face built by the converter automatically scales the screen to fit the new device. this process is automatic and should produce no issues, but it is recommended that you test the face on the new device afterwards as the conversion can result in a loss of quality. q04. what is the author certificate? why it is necessary? the author certificate is a private key file (with the file extension .p12) that you registered when you built the .tpk file on galaxy watch studio. to prevent a non-author from distributing the converted results, the converter requires the author's certificate and password. q05. if a watch face includes health functions that are not supported in galaxy watch studio converter, what happens if i proceed with the conversion? any unsupported health function is not updated, so the displayed value or the object linked to the value will not change on the converted watch face. q06. do you have any plans to improve the features which are not currently supported? the current limitations the converter tool are due to platform differences, making future improvements difficult. for creating watch faces on the new platform, we recommend you use the watch face studio.

convert a galaxy watch studio watch face to convert a galaxy watch studio watch face: launch the galaxy watch studio converter. click ‘browse’ and select the author certificate you used when building the tpk. a. enter the correct password to load the author certificate. click ‘browse’ and select the “tpk” watch face file you want to convert. a. if the selected tpk file passes the author certification, the conversion can continue. b. after the importing, the package name is automatically changed, if necessary, to conform to the wear os policy. to test whether the watch face runs on galaxy watch for wear os powered by samsung: a. connect a galaxy watch for wear os powered by samsung to your computer. b. in the galaxy watch studio converter, click “run on device” and select the connected watch. to generate the converted package file: a. click ‘build’. b. define a package name for wear os powered by samsung. c. enter your key password. note : all watch face designers need a certificate. to generate your certificate: click ‘build’. for first time users, select create new key. for returning users, search for your existing key in the key store path. upload your certificate file and enter your password. enter key store information, key information and your personal information. click ok. limitations due to operating system differences, the galaxy watch studio converter has several limitations. when you test or build the conversion in the galaxy watch studio converter, if elements of your watch face cannot be converted, a dialog box appears with the reason: watch faces implementing the weather api cannot be converted. the galaxy store in-app-purchase (iap) feature is removed during conversion, as it is not compatible with galaxy watch for wear os powered by samsung. the converted watch face supports the following samsung health data only: steps and heartrate. in galaxy watch for wear os powered by samsung, a special consent is required for a downloaded watch face to receive heart rate updates. to get the heart rate information updated properly, sellers can guide the customers to the following. note : the watch face is only updated with heart rate measure after the consent is given. if the galaxy watch studio converter does not support converting your watch face or its features, you can import your galaxy watch studio files to watch face studio and continue developing it for wear os powered by samsung directly.

thank you for a great sdc22! watch the keynote and tech sessions on demand, and we hope to see you next year! samsung developer conference 2022 october 12, 2022 at moscone north (san francisco) and online video thumbanil highlights though sdc22 has ended, the innovation lives on! whether you missed the event or just want to revisit the highlights, you can watch the excitement on demand. keynote discover samsung’s broad ecosystem of powerful, next-level tech and hear how samsung is building toward a smarter, safer, and more personally connected future. view keynote tech sessions view tech sessions dive into the future of connected customer experiences through tech sessions by developers offering further insight into the innovations introduced in the keynote. sessions mobile, design, ui/ux what’s new in one ui 5 an introduction to the key new features of one ui 5. sessions iot, contents & service, open innovation smartthings find: find alongside 200+ million users learn about the growth of smartthings find and how you can harness its power to better your product. sessions enterprise, tizen tizen everywhere tizen enterprise platform will provide all the technology infrastructure for enterprise display. tizen tv release in europe, austrailia, turkey. sessions health, tizen telehealth in samsung devices meet your doctor in a bigger screen. samsung x healthtap brings new experience to smart tvs & smart monitors for easy access to health checkups. sessions iot, tizen, ui/ux what's new in tizen? through this session, you can see new features on tizen 7.0 and how intelligent iot platform tizen is preparing for the future. sessions iot, monetization, smart appliances smartthings energy service introduction of smartthings energy service and benefits of a seamless energy management. speaker list check out the speakers who joined us at sdc22 to share their experience and expertise, and get a sense of what you can expect from next year’s sdc event. go to speaker list code labs go to code lab get hands-on with the latest development features through new code lab topics and samples introduced for sdc22. bixby smartthings control a smart bulb control a smart light bulb and change its color using bixby home studio. 30 mins start watch face studio apply conditional lines on watch faces learn how to create a watch face that responds to time and notification using conditional lines in watch face studio. 20 mins start samsung wallet add boarding passes, tickets, and coupons learn how to integrate the add to wallet functionality with partner services, enabling users to add boarding passes, tickets, and coupons to samsung wallet. 30 mins start previous events watch highlights of selected sessions from sdc events since 2016. sdc21 october 26, 2021online sdc19 october 29–30, 2019mcenery convention centersan jose, california sdc18 november 8-9, 2018moscone westsan francisco, california sdc17 october 18-19, 2017moscone westsan francisco, california sdc16 april 27-28, 2016moscone westsan francisco, california

language settings using watch face studio (wfs), you can define and implement localized content for digital clock components, the app label, style sets, and accessibility (talkback) text on your watch face. digital clock component wfs content, such as digital clock components, automatically adjusts to match the language setting of the phone that the watch is paired with. in your watch design, select a default language. if the language selected on the phone is not supported by the component, the default language displays instead. to set the language of a digital clock component: add a digital clock component to your watch face. select the component. in the properties tab, in the type section, select time zone and local calendar. to open the language setting dialog, select settings. select the languages that you want the component to support. figure 1. language settings note:the default language for the component syncs with the device. if you want to specify a different default language, click the star next to the language name. app label the app label appears when the user long-presses the screen to change the watch face. the app label is configured when you prepare and build the publishable watch face files for uploading to the play store. to define the app label: in the project settings data tab, create a text id for the app label text and define the localized versions. for more information, see project settings. when your watch face design is ready, in the menu bar, select publish. in the publish dialog, in the app label field, select the text id you want to use as the app label. you can also create a new text id and select it. figure 2. defining the app label style sets when you define a style set for your watch face, you can add localized text to the style set name. to add a localized name to a style set: in the project settings data tab, create a text id for the style set name and define the localized versions. for more information, see project settings. to manage style sets, open the customization editor. in the customization editor dialog, select the style set that you want to configure. select the text id you want to use with the style set. you can also create a new text id and select it. figure 3. selecting text id for style set figure 4. creating new text id accessibility text when you define the accessibility (talkback) descriptions for your watch face, you can include localized descriptions. for example, to implement a localized description for launching a custom application on a component: in the project settings data tab, create a text id for the description text and define the localized versions. for more information, see project settings. to add the open custom application functionality to a component, in the component properties, select apply action > open app > custom. in the description field, select the text id you want to use as the accessibility description. you can also create a new text id and select it.