Giter VIP home page Giter VIP logo

androidassetstudio's Introduction

No Maintenance Intended

The Android Asset Studio is no longer maintained. Please use icon.kitchen or the asset creation tools built into Android Studio

Legacy link: Open the Android Asset Studio

A web-based set of tools for generating graphics and other assets that would eventually be in an Android application's res/ directory.

Currently available asset generators are for:

  • Launcher icons
  • Action bar icons
  • Notification icons
  • Generic square icons
  • Simple nine-patches

Building the tool

To build, ensure you have node and npm installed, and run:

$ npm install

Once dependencies are installed, run it:

$ npm start

androidassetstudio's People

Contributors

blundell avatar ekt0s avatar jawnnypoo avatar jeffposnick avatar jgilfelt avatar joerogers avatar ozbek avatar romannurik avatar valentin-huebner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

androidassetstudio's Issues

Shuts down monitor

When trying to use it, it shuts down the monitor!

Just drag & dropping and image makes the monitor go off, can't get it back on, I have to restart the computer .-.

using:
Chrome 40 (also happened on 39)
Win 7 pro SP1 64 bits
HP Wlitedesk 800 G1 TWR
Intel core i7-4770
8gb RAM
NVIDIA GeForge GT 610

Manual digit enter

Sometimes it's pretty hard to specify with slider required size.

Like 24dp, it jumps to 23 or 25. Not user friendly.

Please add android wear asset generation

I love this tool. Please add a section to create necessary assets for android wear. If it could include the standard icons via clipart and the background circle that would be perfect!

Launcher Icon Generator: vertical score

I think it's perfectly valid from the design guidelines to not only have horizontal but also vertical scores. This is done in some Google icons as well, and I think it should be added to the generator.

"No file" error when downloading ZIP file.

I tried to generate a set of notification icons for my app using this tool and when I clicked the download button, Chrome gave me an error stating there was no file.

capture

Loading SVGs when needed

I don't think that loading a lot of SVGs is a good idea. Firefox is currently using 3Gb of RAM for this page only, that's ridiculous.

mdpi generated 9-patch stretches edge color

See below, the top stretch line of the 9-patch generated goes into the partial-green area. On the hdpi version of this image there is no partial green generated, so it looks like an artifact of trying to "half" the color for a width not divisible by 2 or some such. Makes for odd-viewing on mdpi device :D

drawer_highlight 9

Add generic image tool

Icons are great but sometimes I need to convert logos or background images.

What I'd like to see is the exact same thing as the icon tool but just load a generic image, and let me set its "natural" mdpi size and then scale the contents accordingly.

problems when installing android studio

I use Ubuntu-64bit when I tried to install ia32-libs
The terminal shows that
E: 无法打开锁文件 /var/lib/dpkg/lock - open (20: 不是目录)
E: 无法对状态列表目录加锁(/var/lib/dpkg/),请查看您是否正以 root 用户运行?
I tried sudo rm -rf /var/lib/dpkg/lock it didn't work. Why?

Multiple stretch regions in the nine-patch generator

Is there a way to create disjoing patches as it is possible with the Draw 9-patch tool of android studio? That would be useful, for example for 9-patch drawings for selector icons (e.g. a triangle) of spinner components.
Cheers

Command line port?

I really love your work, but I would prefer to do this in the console. I would like to use your Simple Nine-patch Generator in a console to auto strech and to trim strech region. I'm not very familar with it, but shoudn't this been possible with node.js?

In best case I would like to see that resizing stuff as optional, because I possible have that images already in all required densities.

svg File Issue

When trying to use a *.svg file that has a height that's too great with the generic icon generator (and probably with the other icon generators too), the image gets cut off at the bottom. Examples of images that this happens too: http://mtgimage.com/symbol/other/artifact.svg
http://mtgimage.com/symbol/other/planeswalk.svg
(sorry I can't attach images in svg format)
If you view these in your browser you see them as they should be, but they get cut off at the bottom in the icon generator. Note that most svg files work, just not the ones that are too tall.

Request: allow searching for icons , and please consider adding funnel-icon for filtering

I'd like to request to be able to search for icons (using textual search and/or categories) on this website:
http://romannurik.github.io/AndroidAssetStudio/index.html

Also, I've noticed that there is a new icon for filtering items of lists, but I don't think it's intuitive as the previous, non-official icon, that look like a funnel:
https://github.com/Templarian/MaterialDesign/blob/master/icons/svg/filter.svg
The new icon looks like an upside down pyramid of 3 lines:
http://romannurik.github.io/AndroidAssetStudio/res/clipart/icons/content_filter_list.svg
I think it looks like something that's related to text, almost like the centering of texts (but for some reason in an upside-down pyramid shape). It's very similar to the files that have the text "format_align" inside their names, like those:
http://romannurik.github.io/AndroidAssetStudio/res/clipart/icons/editor_format_align_center.svg
http://romannurik.github.io/AndroidAssetStudio/res/clipart/icons/editor_format_align_justify.svg
http://romannurik.github.io/AndroidAssetStudio/res/clipart/icons/editor_format_align_left.svg
http://romannurik.github.io/AndroidAssetStudio/res/clipart/icons/editor_format_align_right.svg

The new filter icon isn't intuitive. It doesn't look like a filter at all... Please re-consider.
A funnel is much more known than just multiple lines, one on top of another...
It even resembles the previous icons of Wifi reception, only it's straight lines instead of arcs:
http://cdn.androidpolice.com/wp-content/uploads/2013/11/nexusae0_ii_thumb.jpg
This seems really confusing.

Custom launcher icon filename

Would be cool to add an ability to specify icons filename instead of default ic_launcher.

I tried to create a patch myself, but couldn't run it locally:

$ ./make.sh 
Buildfile: /work/AndroidAssetStudio/src/js/build.xml

BUILD FAILED
/work/AndroidAssetStudio/src/js/build.xml:25: Cannot find /work/AndroidAssetStudio/src/js/${flintjs.dir}/flintjs.build.xml imported from /work/AndroidAssetStudio/src/js/build.xml

Total time: 0 seconds
Buildfile: /work/AndroidAssetStudio/src/js/build.xml

BUILD FAILED
/work/AndroidAssetStudio/src/js/build.xml:25: Cannot find /work/AndroidAssetStudio/src/js/${flintjs.dir}/flintjs.build.xml imported from /work/AndroidAssetStudio/src/js/build.xml

Total time: 0 seconds

Broken link to "icons-nav-drawer-indicator.html"

A lot of sites (primarily Stackoverflow) link to

http://romannurik.github.io/AndroidAssetStudio/icons-nav-drawer-indicator.html

As a means of generating a custom navigation drawer icons, but that link is now broken. Has something accidentally changed or is it no longer available for a reason?

Add widget size calculator

Hello Roman,
As you now, different Android versions has different formulae for calculating widget size in dps depend on desired size in cells.
It will be nice to have a tool inside the AndroidAssetStudio that will automate this and generate widget_provider.xml and associated dimens.xml files.

Let me illustrate this.
For example, I need a widget with size 4x2 (in standard screen cells), with ability to shrink to 2x2.

So, the input web form will looks like:

Widget width: 4 (numeric field)
Widget height: 2 (numeric field)
Resize mode: horizontal (dropdown)
Minimal width: 2 (numeric field)
Minimal height: 2 (numeric field)
Margins (for ICS and lower), in dp: 8 (numeric field)

And output will include a zip archive with following content:

/res/xml/widget_provider.xml:

<?xml version="1.0" encoding="utf-8"?>
<appwidget-provider 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:minWidth="@dimen/widget_min_width"
    android:minHeight="@dimen/widget_min_height"
    android:minResizeWidth="@dimen/widget_min_resize_width"
    android:minResizeHeight="@dimen/widget_min_resize_height"   
    android:resizeMode="horizontal">
</appwidget-provider>

/res/values/dimens.xml:

All dimensions here are calculated by formula size_in_dp = (70 × n) - 30, where n - number of cells

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <dimen name="widget_margin">8dp</dimen>    
   <dimen name="widget_min_width">250dp</dimen>
   <dimen name="widget_min_height">110dp</dimen>
   <dimen name="widget_min_resize_width">110dp</dimen>
   <dimen name="widget_min_resize_height">110dp</dimen> 
</resources>

/res/values-v14/dimens.xml:

All dimensions here are calculated by formula size_in_dp = (74 × n) - 2, where n - number of cells, and margin size is 0

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <dimen name="widget_margin">0dp</dimen>    
   <dimen name="widget_min_width">294dp</dimen>
   <dimen name="widget_min_height">146dp</dimen>
   <dimen name="widget_min_resize_width">146dp</dimen>
   <dimen name="widget_min_resize_height">146dp</dimen> 
</resources>

Thanks!

Shrink on Square shape

Hi,

in Launcher Icon Generator, when Shape = Square selected, the result image shrank and displayed a little bit smaller than other icons in android launcher.

If you make it normal like Shape = Bevel, that becomes the best choice in this field.

Material Design Launcher Icons

I believe the guidelines for the material design included some small changes to the launcher icon. Will these be adopted into the base templates, i.e. for a square background?

Navigation drawer assets support

Navigation drawer is become an important part of material designed application, it would be great if you could integrate an option to generate icons for the navigation drawer (i.e. NavigationView)

Generic icons - trim output images

If it's possible, please add possibility to create non-square generic icons.
E.g. if input image is 48x24 pixels, I would like to have corresponding images for ldpi,hdpi,xhdpi,.. with same aspect.
Thanks

9 Patch Action Bar - border

9 patch black border

How do I change the color of the border around the 9 patch action bar so that it matches the rest of the action bar? In the attached screenshot you can see the black line/border running along the bottom of the action bar. I assume the black border goes around the entire action bar.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.