I am confused about what colors should I use and how to use it? - android

I need to build a clock app like the "Samsung clock app" using jetpack compose.
I read the Mapping accent roles
but when I want to start to build the design of my app I feel confused so
-I need some help.
-I need also to use dynamic colors.
enter image description here / enter image description here / enter image description here /

Related

Convert text into typographic styles (i.e text swag) programmatically

I want to build a functionality where a submitted text/quote is output into different beautiful text designs/layouts based on predefined templates. These templates convert the user-inputted text using a combination of different fonts, varied font styles, varied sizes and in a particulat format.
There are varieties of app present on playstore or appstore which do this.
examples:
Wordswag, Typimage & Typostyle for android and
Typorama for iphone
Can anyone help me with the logic behind this wizardry or point me towards any libraries on GitHub having similar features.
e.g.
Take the phrase "Stop hating yourself for everything you aren't and Start loving yourself for everything you already are".
Check below GIF which shows how on clicking various pattern options, the software converts the above plain text dynamically into beautiful designer text.

Convert iPhone application logo to Android

I'm working on creating an Android application based on an already created iPhone app. I have a bunch of app icons from the iPhone application that end in '#xx.png' (x being a number).
I know this has something to do with the resolution of the image, but do I have to do anything regarding converting them into vectors/renaming them to a certain standard in Android?
This is not the pretty good practice, but in the end, if you don't have separated dimensions for Android too, then, somehow you can considerate the ratio like this:
#1x -> mdpi (the baseline)
#2x -> xhdpi
#3x -> xxhdpi
You need to use a tool that does what you need, just take the best image with the best resolution from iOS images, and use this link to generate the ic_launcher for android.
To answer your question, when you are inserting images or icons into the drawables folder of Android, you need to ensure the following:
The names of the images/icons cannot contain capital letters.
The file type of the image/icon is either .png or .jpg. .svg is not allowed.
You also can't have symbols like -, _, or #.
You can also refer to this article about naming Android Assets. And this website allows you to make your own app icons.
I hope this answers your question.

Edit translation text at runtime from server

Overview
AFAIK on Android you have twi ways to set the texts of your application:
You can use string.xml with different locales
You can download strings from server and set every label with a setText(language.text) but it will be a pain
The problem might sussist if you have to change a text of your published application without re-publishing it; for example if you want to change for a specific translation a small text without any functionality change. (ie: you might notice that you wrote "Take picure" instead of "Take picture").
Library
i18next is a good library to manage translations dinamically from server, but you still have to add the text for each label you got.
So, my question is
Still AFAIK, there is no way to do it natively, but is there a low level library or a workaround that allows to replace a string in your string.xml with some downloaded text?
Another option could be to make our label text to point instead of at #string/myValue to something like #myresource.pathtovalue.
Honestly I think this could be an huge improvement for application, is there something useful?

Creating a Android Icon Pack

I've just finished creating a bunch of icons in Adobe Illustrator for my Android phone. My problem is now, how can I make an icon pack like those you can download from the Play Store? You might think that there must a lot tutorials for this purpose, but I don't seem to find them useful, and it confuses me more than it benefits.
Any help will be appreciated.
Thanks in advance.
Try this instrument (Icon generators allow you to quickly and easily generate icons from existing source images, clipart, or text.): https://romannurik.github.io/AndroidAssetStudio/
Firstly, whichever icon you go with you will need different resolutions of it such as ldpi, mdpi, hdpi, etc.. and that can be done in two ways,
Manually by making each image the correct size
Using a asset generator like Android Asset Studio https://romannurik.github.io/AndroidAssetStudio/index.html
In terms of creating the actual icon, you dont need any specific "Android Icon Tutorial". You can use any generic logo or icon tutorial and just create it in the correct size. Read this link for icon sizes:
https://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html
Then you can simply watch and "logo" or "icon" tutorial and follow along. Then I would use Android Asset Studio to create all DPI's
And this one for other icons:
https://developer.android.com/guide/practices/ui_guidelines/icon_design.html

Android: Limit scalable drawables like icon to one file

Previously I made some apps with Adobe Flash Builder. That's works great but is not the best choice is some cases so I start with developing Android apps with use of ADT.
Like in Flash Builder you can set several icons for different screen resolutions. I can understand why but found it is not really necessary when creating one high resolution icon, this works fine (scaling down is better than scaling up). This also avoid the extra work that is needed to create these icons, just one icon.
Long story short, I want to create just one icon, 144x144 pixels at 96dpi and tell Android to use this icon.
Also I want to point the application icon to the asset directory instead of the res/drawable directory. The reason for this is that the icon can be reused by the (web-)application and for another reason, I have made a webApp tool to create a compressed version of a webApp and put the contents in the asset directory of a Android project.
Because the webApp can also run in the browser I have already created some icons (like favicon, apple-touch-icon and apple-touch-startup-image) and want to reuse these icons in the Android project automaticly.
The idea is also to create an application project template so it is quite easy to create a android app of a webApp.
Question
Andy idea how to change the location of for example the application icon? Using a path doesn't work (it generates an error, can't compile).
android:icon="#drawable/ic_launcher"
android:icon="assets/appicon.png" #<- doesn't work
Actually found the solution myself and is pretty simple. The only thing that is a bit tricky in ADT to validate the new declaration because at first 'it says' that the declaration is invalid. The workaround is to cut (ctrl+X) the declaration, do a project clean by Project|Clean and then put it back by paste it again (ctrl+V). Weird but true ;-)
You can declare a string resource like this (in XML file):
<resources>
<string name="app_icon">assets/appicon.png</string>
</resources>
android:icon="#string/app_icon" <- this works
Then you can use just one high-res icon image as icon for all devices! Looks great! See also picture below (between red rectangle ;-)):

Categories

Resources