안드로이드 열반 SVG 및 사용 사용자 정의 글꼴 라이브러리 IconFont

안드로이드 열반 SVG 및 사용 사용자 정의 글꼴 라이브러리 IconFont

간략한 소개

구글은 안드로이드 5.X에서 SVG 벡터 그래픽에 대한 지원을 추가합니다.

SVG는 무엇인가

  1. 그것은 확장 가능한 벡터 그래픽 SVG를 말한다 (확장 가능한 벡터 그래픽)
  2. SVG는 벡터 그래픽 기반 네트워크를 정의하는데 사용
  3. SVG는 XML 형식 정의 그래픽을 사용하여
  4. 확대 또는 이미지 품질의 크기를 변경에서 SVG 이미지가 손실되지 않습니다
  5. SVG는 표준 월드 와이드 웹 컨소시엄이다
  6. 이러한 전체 W3C DOM 및 XSL 등의 SVG 표준

특징

  • 큰 이미지보기 N 시간은 사진이 왜곡없이 확대, 흐리게하지 않습니다

비트 맵과 SVG 차이점

비트 맵 (비트 맵) 화상을 각 화소의 색 정보를 저장함으로써 표현의 SVG 도면이 표준이다. 그리고 비트 맵 대비, SVG 가장 중요한 기능은 왜곡없이 확대되고, 비트 맵 필요는 서로 다른 해상도에 대한 아이콘의 여러 세트를 설계하고, 벡터 그래픽은하지 않습니다.

SVG -VectorDrawable 사용 학습
SVG 벡터 드로잉을 안드로이드로 변환 가능한 자원 VectorDrawable
VectorDrawable의 XML 자원에 SVG로 변환하는 방법
SVG 변환 VectorDrawable 도구

현재 많은 도구를 찾고, VectorDrawable 도구로 XML을 통해서만 현재, 찾을 수 없습니다 VectorDrawable 안드로이드 SVG의에 폴더 당김 AS에 xml 파일을 복사 한 후 XML 파일 VectorDrawable에 SVG 아이콘을 도구 .

각 SVG 이미지의 요구는 한 세트 만, 그러나 너무 많은 파일, 그래서 그냥 PNG 글꼴 내부에 맞게 원하는 그래서, 이러한 XML 파일 내부의 AS 드로어 블에서 발생한다.

안드로이드 아이콘 사용 iconfont

  1. 플랫폼을 사용하는 iconfont에서 아이콘을 선택하고 로컬에 다운로드, 디렉토리 자산에 글꼴 파일을 복사
  2. 디렉토리에 다운로드 한 파일, 오픈 demo.html를 열고 HTML 엔티티 문자 코드를 해당하는 아이콘을 찾아
  3. , 입술 / 값 / string.xml을 열고 문자열 값을 추가합니다 :<string name="icon_erweima">&#xe642;</string>
  4. 열기 activity_main.xml, 텍스트 뷰에 문자열 값을 추가합니다 :
  5. 텍스트 텍스트 뷰를 지정하려면

    Typeface typeface=Typeface.createFromAsset(getAssets(),"iconfont.ttf");
    TextView textView= (TextView) findViewById(R.id.text_icon);
    textView.setTypeface(typeface);

단계

1. 로그에에 알리 iconfont 아이콘 아이콘 라이브러리를 선택하여 원하는, 추가 저장

노드 string.xml 파일의 이름의 문자열 값, 당신은 세미콜론에주의 할 필요가 ";"또한 복사됩니다


"_"와 밑줄을 사용 - ""중간 이름 아이콘 참고 막대를 사용할 수 없습니다

사용자 정의 글꼴 라이브러리

비록 그것이 캡슐화, 여전히 매우 번잡 할 수 있지만, APP의 크기를 감소시키는 전술. 하나님은 GitHub의 큰 그런 라이브러리 캡슐화하고있다 안드로이드 Iconics을 다른 크기, 색상, 해상도 현장에서 사용할 수있는이 아이콘 라이브러리에있는 아이콘을 사용하여, 그것은 단지 사용할 수있는 AS에 추가해야하기 때문에.

* 등의 iconfont 라이브러리의 존재에도 불구하고,하지만,이 라이브러리 자체에 많은 문제가있다, 실용적인 GitHub의에서 설명하고 많은 버그가 많은 구덩이, 실제 개발 필요 더 검증이있다, 또는 저자는 도서관에 문의 마이크 펜즈를 그리고 저자의 상호 작용에 반복적으로 더 많은 개발자가 여기
*

안드로이드 Iconics에 오픈 소스 라이브러리의 사용 설명, 여기에서 찾을 수 있습니다 충격! 아이콘은 매우 간단한 사용 하는가? 안드로이드 Iconics 오픈 소스 라이브러리 프리젠 테이션 , 안드로이드 Iconics 사용하는 오픈 소스 라이브러리 , 사용에 안드로이드 IconFont는 , 모든 권리 비록 이러한 사용자를 해석뿐만 아니라, 자신의 마음을 확대하기 위해 참조 할 수 있습니다.

주의 사항 :

  1. 使用Android-Iconics 需要注意该开源库一共提供我们了12个依赖库,每一个依赖库的图标icon前缀都和依赖库一一对应。如果找不到,或者报错,很有可能是icon前缀拼写错误或者是你自定义的依赖库。

    • Google Material Design Icons
      “gmd”
      ORIGINAL by Google compile 'com.mikepenz:google-material-typeface:+.original@aar'

    • Material Design Iconic Font
      “gmi”
      Google Material Iconic compile 'com.mikepenz:material-design-iconic-typeface:+@aar'

    • Fontawesome
      “faw”
      compile 'com.mikepenz:fontawesome-typeface:+@aar'

    • Meteocons
      “met”
      compile 'com.mikepenz:meteocons-typeface:+@aar'

    • Octicons
      “oct”
      compile 'com.mikepenz:octicons-typeface:+@aar'

    • Community Material
      “cmd”
      compile 'com.mikepenz:community-material-typeface:+@aar'

    • Weather Icons
      “wic”
      compile 'com.mikepenz:weather-icons-typeface:+@aar'

    • Typeicons
      “typ”
      compile 'com.mikepenz:typeicons-typeface:+@aar'

    • Entypo
      “ent”
      compile 'com.mikepenz:entypo-typeface:+@aar'

    • Devicon
      “dev”
      compile 'com.mikepenz:devicon-typeface:+@aar'

    • Foundation Icons
      “fou”
      compile 'com.mikepenz:foundation-icons-typeface:+@aar'

    • Ionicons
      “ion”
      compile 'com.mikepenz:ionicons-typeface:+@aar'

2、添加依赖库后,在普通控件上使用图标,一定要在onCreate方法里面且在super.onCreate()之前加上LayoutInflaterCompat.setFactory(getLayoutInflater(), new IconicsLayoutInflater(getDelegate()));

3、图标库可以作为一个drawable也可以在XML文件使用占位符赋值。引用时一定要和依赖库中对应的字体库中枚举类icon中的图标名一致,比如依赖了Ionicons ,这个图标库引用时就要和Ionicons这个类中枚举类icon的图标名一致。图标名可以通过Ionicons 这个网站,点击图标就可以获得图标名,如下图

自定义字体库

以上综述,也是对自定义字体库的注解,
1. 将从阿里图标网上的图标添加到购物车,后添加到一个项目,下载到本地的文件中的ttf格式字体文件复制到AS的assets文件下
2. 需要建立自己的自定义字体库类比如public class MyIconFont implements ITypeface ,实现这个接口ITypeface,重写其中的方法,以及创建枚举类public enum Icon implements IIcon 可以将依赖库Ionicons 中的Ionicons这个类中重写的方法以及枚举类和其他需要的复制过去,但是记得修改以及复制过去导致的包的问题。

实现ITypeface接口需要重写的方法中重要的是getMappingPrefix()、getIcons()、getTypeface()这3个方法

3、 创建好自己的字体类MyIconFont,后需要创建一个MyApplication继承于Application这个类并且在清单文件添加这个MyApplication

4、下图是需要注意的地方

自建字体类中的枚举类中的注意点

自建字体类中的注意点

项目demo下载地址这里

发布了18 篇原创文章 · 获赞 15 · 访问量 8万+

추천

출처blog.csdn.net/Alex_wsc/article/details/70991669