Why?
Here is one of my apps for example:
http://market.android.com/details?id=com.citc.ud
In photoshop you need to use save for web, select 24 bit png, and then check 'transparency'. This adds another 16 bit for the alpha giving you a 32bit png.
It might have something to do with how you designed the icon. I would suggest reading the Icon Design Guidelines if you haven't already done that.
And if you have the PNG ready, you might also consider getting the icon generated from this link here. I use it for all my apps and it works like a charm all the time.
http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html
Related
How can I set up a popup window in an Android Cordova application to have a blurred background? The content behind it will not be known in advance, and may contain both images and other components from multiple sources. It will not necessarily only appear over a single image. The effect I'm looking for will look something like this:
Things I've investigated so far:
The approaches described in the answers to Background blur with CSS, which tend to rely on having the background already available as an image (e.g. here's a modification of the accepted answer that shows that only the background image gets blurred, and that any text placed on top of the background is lost by the effect), or use the CSS property backdrop-filter which isn't currently implemented on Android's web view component.
Using html2canvas and similar approaches to generate an image then blurring the image. This sort-of works, but is too slow to use on complex layouts on low end phones, resulting in an unacceptably long delay before the popup appears.
Is there another approach that can make this work?
If you use crosswalk-plugin for android, add --enable-experimental-web-platform-features to XWALK_COMMANDLINE, then you can use backdrop-filter, but It still have some bug. you can test this feature in you chrome, open chrome://flags and open enable-experimental-web-platform-features.
Did you try svg filter?
Maybe this can help you https://www.w3schools.com/graphics/svg_fegaussianblur.asp :)
I want to place a google sign in button in my cross-platform xamarin app.
I downloaded the assets from google and am confused as to how I'm supposed to use them...
In the android folder, there are assets for the various DPIs. But the problem is they all seem to have some weird black lines around them...
What is the intended use of these lines? Am I supposed to crop them out?
Obviously I could just edit the files to my liking but I want to stay as true to google's usage policy as possible, and avoid altering another company's assets if possible.
I noticed that in the "web" folder there are complete buttons. So why would I use what's in the android folder?
How does google intend for developers to use these assets?
I too have similar questions when trying to customise my Google Sign In buttons, and finally figured it all out after digging through the Android Documentation.
What is the intended use of these lines?
The top and left lines define the area of the image that you are allowed to stretch, and the bottom and right lines define the area of the image that your text will occupy (see image below)
Am I supposed to crop them out?
No. Add this image into your drawable/res folder. Make sure you leave the .9.png extension as it is otherwise Android Studio won't adhere to the features mentioned previously!
Why would I use what's in the android folder?
Great question! Because using this will make customising your app for different devices easier. To explain further, it is worth clarifying that:
unlike any image assets, you will realise that this asset has a .9.png extension, suggesting that it is a Nine Patch Drawable Graphic
it allows your text to fit nicely within the predetermined area, so it helps you to adhere to Google's branding guidelines
For more information, read here.
Hope this helps! Cheers.
Just use the batch drawable in android and edit the picture in ANDROID cropping out the image black lines.
I am wondering what are the legal ramifications of using an icon from the internet in my app. I am not much of an artist but there are gazillions of icons on the web. I was going to use one and tweak it a bit and use it for my android app. Is this legal to do?
Thanks.
If you wish you can use your icons from drawable folder by creating vector icons giving it your own colors and styles
I am developing an app in which there are multiple tabs with icon without any title. The problem is that the icons are not looking as bright it should. I used white color(FFFFFF) in creating icon assets. Still it doesn't looks so good.
The pic above shows Facebook Messenger and my App. There is difference between color(although both are white).
Any suggestion will be appreciated.
Yeah I have experienced similar problem. I think it is fault of android asset studio when I create icon with white in reality they are no white as I expected.Then I found very good online studio which is same as Android asset studio even better than that. Solution for this I think you have create icon out from AS then import them to appropriate folders.Here online icon generate web site link
Note: The question is old, but I consider sharing this information could be useful for anyone who could stumble upon this issue in the future.
If you use the Asset Studio tool from the Android Studio your icons will contain
alpha channel with a value of 60% (value depends on selected colour). I provided an example below.
In case you can use vector graphics it should work for you because you can freely edit XML file describing the generated image. Just remove android:alpha=".." attribute.
If you cannot use vector graphics and want to avoid transparency use this official online tool from Google to generate material icons for your application.
This tool supports multiple sizes, black and white colours, and SVG as well as PNG format:
Issues example of 60% alpha channel in Android Studio:
i've saved my icon as a png-32, with transparency checked and tried saving for web but the black background is still there. i've also saved as a nornmal png and still no good. i fixed this about 6 months ago but for the life of me i can't remember now.
any help would be great thanks
The actual technique will depend somewhat on the application you're using, but it's very easy to do in Gimp (free). You simply add a transparent layer, select the background and then delete it. Here's a link that explains the process: http://www.fabiovisentin.com/tutorial/GIMP_transparent_image/gimp_how_to_make_transparent_image.asp.
If you're using a different tool, such as Photoshop, the exact process will of course be slightly different. Hope this helps.