Skip to content

Tank000/android-iconkit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

android-iconkit

An Android library that help you to build app with vector icon(font icon).

With android-iconkityou`ll never need to copy different dpi images (ldpi, mdpi, hdpi, xhdpi, xxhdpi..) for each icon you want to use in your app. you can also change their color or size easily.The code use Font-Awesome for showing.You can create other icon fonts by icomoon

Icon font (like fontawesome.ttf) 400+ icons only 112KB with all kind of color and size。All Font-Awesom available icons

How to Use(CustomView) #1

Find an icon in string.xml and use IconTextView like TextView.

<IconTextView
    android:text="@string/fa_github"
    android:shadowColor="#22000000"
    android:shadowDx="3"
    android:shadowDy="3"
    android:shadowRadius="1"
    android:textSize="90dp"
    android:textColor="#FF33B5E5"
    ... />

You can either use IconTextView / IconButton or use any TextView and then programmatically call setTypeface(Util.getTypeFace(getContext())); and setText(R.id.xxxx).

How to Use(IconDrawable) #2

If you need an icon in an ImageView or in your ActionBar, then you should use IconDrawable. Again, icons are infinitely scalable and will never get fuzzy!

// Set an icon in the ActionBar
getMenuInflater().inflate(R.menu.main, menu);
MenuItem github = menu.findItem(R.id.action_github);
		IconDrawable ic = new IconDrawable(this, R.string.fa_github);
		ic.setDPSize(this, 48);
		ic.setColor(Color.WHITE);
		github.setIcon(ic);

How to Use(Icon Font) #3

If you want to use font-awesome icon and use your own icon , please follow the steps.

  1. open the website icomoon and upload your svg images
  2. download your font,like xxxx.ttf. You can use your own font name.
  3. copyxxxx.ttf to your project path assert/fonts .
  4. copyIconTextView.java IconButton.java IconDrawable.javato your project.
  5. modify icon.xml ,according to the following rules as .fa-home:before {content: "\f015";} to ```"\uf015"``
  6. Note: fa-home is forbidden,use fa_home instead.

How to create your own icon font

first, you should some svg icons. Then, open the website icomoon soon, you will find so many icons more than you want!

Note: Be careful with the license of the icon font

License

Copyright 2014 tank

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

It uses FontAwesome font by Dave Gandy, licensed under OFL 1.1, which is compatible
with this library's license.

    http://scripts.sil.org/cms/scripts/render_download.php?format=file&media_id=OFL_plaintext&filename=OFL.txt
    

About

Using icon font(like FontAwesome,IcoMoon) for Android

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages