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.
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 want to be able to change Android's system color from full color to monochromatic. I know this can be done by hand using the developer mode options link but I need to do it programmatically so that it changes for example with the time of the day.
This is different from simply changing an app's color theme, I'm referring to system wide color change, if you change to say monochrome then everything in the phone will display in monochrome.
For anyone still looking for this, there is an open-source project called Red Moon which allows you to do exactly this.
I have not tested this app neither have I checked out the code but if you know some Kotlin you may be able to extract what you need from their source code.
Also, there is BlackBulb which is also an open-source android project but it was last updated two years ago.
I found both of them in alternativeto.net by searching for open-source alternative to f.lux which I have used for the last two years in osX
I'm attempting to create an activity which allows a user to mask out part of an image. The way I'm trying to achieve this (yes trying, because it still isn't working for me, please see my other SO questions), is by painting a color over the base image using the canvas. I saw an app this morning which basically does exactly what I need and I thought I'd ask here if anyone knows how the app is doing the hard work and if there is a good tutorial or documentation somewhere for this concept?
Basically you press part of the image and it automatically masks out to the edges of the object in the image, you press again to add more, and press to remove.
the app is called "AThumb Cut" and hope its ok to link to it here https://play.google.com/store/apps/details?id=com.instacut2
This is an amazing application indeed. They work like Magi tool in PhotoShop. Try this tutorial it tells you how to do it in Java.
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