Android Iconics
v5.4.0
... อนุญาตให้รวมแบบอักษรของไอคอนเข้ากับไอคอนเวกเตอร์ทั้งหมดในโครงการของคุณ ไม่มีขีดจำกัด ปรับขนาดได้ไม่จำกัด ใช้ สีใด ก็ได้ สร้าง เส้นขอบ และปรับแต่งเพิ่มเติมได้มากมาย...
มีอะไรบ้าง • ตั้งค่า • คู่มือการย้ายข้อมูล ? • WIKI / คำถามที่พบบ่อย • แบบอักษรที่กำหนดเอง ⁉ ️ • แอปตัวอย่าง
แบบอักษรที่มีอยู่แล้ว
dependencies {
// the core iconics library (without any widgets)
implementation " com.mikepenz:iconics-core: ${ latestAndroidIconicsRelease } "
implementation " androidx.appcompat:appcompat: ${ versions.appCompat } "
} // this adds all ui view widgets (IconicsButton, IconicsImageView, ...)
implementation " com.mikepenz:iconics-views: ${ latestAndroidIconicsRelease } " บันทึก
แบบอักษรที่ลงท้ายด้วย -kotlin ต้องมีอย่างน้อย v4.x ของ Android-Iconics v5.1.x หรือใหม่กว่า ต้องใช้แบบอักษรเวอร์ชันล่าสุด
implementation ' com.mikepenz:google-material-typeface:4.0.0.3-kotlin@aar '
implementation ' com.mikepenz:google-material-typeface-{outlined|rounded|sharp}:4.0.0.2-kotlin@aar '
implementation ' com.mikepenz:material-design-iconic-typeface:2.2.0.9-kotlin@aar '
implementation ' com.mikepenz:fontawesome-typeface:5.9.0.3-kotlin@aar '
implementation ' com.mikepenz:octicons-typeface:11.1.0.1-kotlin@aar '
implementation ' com.mikepenz:meteocons-typeface:1.1.0.8-kotlin@aar '
implementation ' com.mikepenz:community-material-typeface:7.0.96.1-kotlin@aar ' // note 5.3.45.1 and newer alphabetically sorts, and merges in 3 sections
implementation ' com.mikepenz:weather-icons-typeface:2.0.10.8-kotlin@aar '
implementation ' com.mikepenz:typeicons-typeface:2.0.7.8-kotlin@aar '
implementation ' com.mikepenz:entypo-typeface:1.0.0.8-kotlin@aar '
implementation ' com.mikepenz:devicon-typeface:2.0.0.8-kotlin@aar '
implementation ' com.mikepenz:foundation-icons-typeface:3.0.0.8-kotlin@aar '
implementation ' com.mikepenz:ionicons-typeface:2.0.1.8-kotlin@aar '
implementation ' com.mikepenz:pixeden-7-stroke-typeface:1.2.0.6-kotlin@aar '
implementation ' com.mikepenz:material-design-icons-dx-typeface:5.0.1.3-kotlin@aar '
implementation ' com.mikepenz:phosphor-typeface:1.0.0.1-kotlin@aar '
implementation ' com.mikepenz:simple-icons-typeface:17.0.0.3@aar ' บันทึก
สำหรับผู้ใช้แค็ตตาล็อกเวอร์ชัน ไม่สามารถเพิ่มประเภทได้ อย่างไรก็ตาม คุณสามารถทำได้ผ่านข้อกำหนดการใช้งาน implementation(libs.material.typeface) { artifact { type = "aar" } }
คำเตือน
แบบอักษรใช้ไลบรารี jetpack startup เพื่อลงทะเบียนตัวเองโดยอัตโนมัติ หากปิดใช้งาน jetpack startup จะต้องลงทะเบียนแบบอักษรด้วยตนเอง โปรดดูรายละเอียดเพิ่มเติมในแบบอักษรลงทะเบียน
บันทึก
อาจจำเป็นต้องเรียก Iconics.init(applicationContext) หากไม่มีการใช้ API ตามบริบทจากไลบรารี
IconicsDrawable ( this , FontAwesome . Icon .faw_android). apply {
colorInt = Color . RED
sizeDp = 24
} หากคุณใช้ไลบรารี Iconics ผ่าน XML ให้ระบุไอคอนที่คุณต้องการใช้ในไวยากรณ์ต่อไปนี้: gmd-favorite --> fontId - iconName รายชื่อแบบอักษรที่มีอยู่และ fontId มีอยู่ที่นี่ ชื่อไอคอนทั้งหมดจากแบบอักษรเริ่มต้นสามารถพบได้ผ่านแอปพลิเคชัน DEMO
ใช้ไวยากรณ์ { icon-definer }
Some great text with a {faw-android} font awesome icon and {met-wind} meteocons icons.
ระบุ Drawable ในโฟลเดอร์ drawable ของคุณ
< com .mikepenz.iconics.IconicsDrawable
xmlns : app = " http://schemas.android.com/apk/res-auto "
app : ico_icon = " gmd_favorite "
app : ico_color = " #0000FF "
app : ico_contour_width = " 1dp "
app : ico_contour_color = " #00FFFF "
app : ico_size = " 24dp " />
// all custom theming attributes supportedใช้เหมือนกับการถอนเงินทั่วไปในแอปพลิเคชันของคุณ คุณลักษณะนี้ได้รับการแนะนำและให้บริการครั้งแรกโดย @dzamlo
< com .mikepenz.iconics.view.IconicsImageView
android : layout_width = " 72dp "
android : layout_height = " 72dp "
app : iiv_color = " @android:color/holo_red_dark "
app : iiv_icon = " gmd-favorite " /> // or @string/gmd_favorite with our generator
//app:iiv_size="12dp"
//app:iiv_padding="2dp"
//app:iiv_contour_color="#FF0000"
//app:iiv_contour_width="2dp"
//app:iiv_background_color="#FFFF00"
//app:iiv_corner_radius="2dp"
//app:iiv_background_contour_color="#FF0000"
//app:iiv_background_contour_width="1dp"
//app:iiv_shadow_radius="4dp"
//app:iiv_shadow_dx="1dp"
//app:iiv_shadow_dy="1dp"
//app:iiv_animations="spin|blink_alpha|blink_scale"< com .mikepenz.iconics.view.IconicsTextView
android : text = " abc{hif-test}defgh{faw-adjust}ijk{fon-test1}lmnopqrstuv{fon-test2}wxyz "
android : textColor = " @android:color/black "
android : layout_width = " wrap_content "
android : layout_height = " 56dp "
android : textSize = " 16sp " />< com .mikepenz.iconics.view.IconicsButton
android : text = " {faw-adjust} Button "
android : layout_width = " 120dp "
android : layout_height = " 60dp " />หากต้องการรวมการสนับสนุนการเขียนเชิงทดลองในโครงการของคุณ ให้เพิ่มการพึ่งพาต่อไปนี้ให้กับโครงการของคุณ (ตั้งแต่เวอร์ชัน 5.2.0)
implementation " com.mikepenz:iconics-compose: ${ latestAndroidIconicsRelease } " Use the provided Image wrapper and set the icon.
Image (
GoogleMaterial . Icon .gmd_access_alarm,
colorFilter = ColorFilter .tint( MaterialTheme .colors.primary),
)| ลิงค์ | คำนำหน้า | การพึ่งพาอาศัยกัน |
|---|---|---|
| ไอคอนการออกแบบวัสดุของ Google **ต้นฉบับโดย | ||
| Google** | GMD,จีเอ็มโอ,จีเอ็มอาร์,จีเอ็มเอส | การใช้งาน 'com.mikepenz:google-material-typeface{-outlined,rounded,sharp}:+@aar' |
| แบบอักษรสัญลักษณ์การออกแบบวัสดุ **วัสดุของ Google | ||
| Iconic** | จีเอ็มไอ | การใช้งาน 'com.mikepenz:material-design-iconic-typeface:+@aar' |
| แบบอักษรที่ยอดเยี่ยม | ไม่ | การใช้งาน 'com.mikepenz:fontawesome-typeface:+@aar' |
| FontawesomeBrand | เยี่ยมมาก | การใช้งาน 'com.mikepenz:fontawesome-typeface:+@aar' |
| แบบอักษรที่ยอดเยี่ยมปกติ | ไกล | การใช้งาน 'com.mikepenz:fontawesome-typeface:+@aar' |
| เมทีโอคอน | พบกัน | การใช้งาน 'com.mikepenz:meteocons-typeface:+@aar' |
| ออคติคอน | ต.ค | การใช้งาน 'com.mikepenz:octicons-typeface:+@aar' |
| วัสดุชุมชน | คำสั่ง | การใช้งาน 'com.mikepenz:community-material-typeface:+@aar' |
| ไอคอนสภาพอากาศ | วิค | การใช้งาน 'com.mikepenz:weather-icons-typeface:+@aar' |
| ประเภทไอคอน | ประเภท | การใช้งาน 'com.mikepenz:typeicons-typeface:+@aar' |
| พิมพ์ผิด | ent | การใช้งาน 'com.mikepenz:entypo-typeface:+@aar' |
| เดวิคอน | ผู้พัฒนา | การใช้งาน 'com.mikepenz:devicon-typeface:+@aar' |
| ไอคอนมูลนิธิ | ฟู | การใช้งาน 'com.mikepenz:foundation-icons-typeface:+@aar' |
| อิออนคอน | ไอออน | การใช้งาน 'com.mikepenz:ionicons-typeface:+@aar' |
| Pixden7Stroke | pe7 | การใช้งาน 'com.mikepenz:pixeden-7- stroke-typeface:+@aar' |
| การออกแบบวัสดุ DX | ซีเอ็มเอฟ | การใช้งาน 'com.mikepenz:material-design-icons-dx-typeface:+@aar' |
| ไอคอนสารเรืองแสง | โพธิ์ | การใช้งาน 'com.mikepenz:phosphor-typeface:+@aar' |
| ไอคอนธรรมดา | ซิม | การใช้งาน 'com.mikepenz:simple-icons-typeface:+@aar' |
ใบอนุญาตสำหรับแบบอักษรที่รวมไว้ทั้งหมดมีการเชื่อมโยงภายในชั้นเรียนหรือสามารถพบได้ในที่เก็บข้อมูลที่เกี่ยวข้อง
Appcompat v1.4.x แนะนำการสนับสนุนอิโมจิที่เปิดใช้งานตามค่าเริ่มต้นในมุมมอง AppCompat* ทั้งหมด ซึ่งจะป้องกันไม่ให้มุมมอง IconicsView* (โมดูล iconics-views) ใช้สไตล์ที่ขยายได้อย่างเหมาะสม เพื่อแก้ไขปัญหานี้ จะต้องปิดการใช้งานการสนับสนุนอิโมจิโดยทำดังนี้:
app:emojiCompatEnabled="false"ข้อมูลเพิ่มเติมเกี่ยวกับการสนับสนุนอิโมจิของ appcompat: https://developer.android.com/jetpack/androidx/releases/appcompat#1.4.0-alpha01
หากคุณต้องการเพิ่มแบบอักษรที่คุณกำหนดเองหรือ GenericFont คุณต้องลงทะเบียนแบบอักษรนี้ (ก่อนใช้งาน) สถานที่ที่ดีที่สุดในการทำเช่นนี้คือ Application
และเริ่มต้น iconics ตามที่คุณต้องการ
class CustomApplication : Application () {
override fun onCreate () {
super .onCreate()
// register custom fonts like this (or also provide a font definition file)
Iconics .registerFont( CustomFont ())
}
}ทุกอย่างเป็นเรื่องง่ายและเรียบง่าย ขวา? แต่ตอนนี้คุณมีไอคอนเดียวในมุมมองข้อความของคุณและคุณต้องการสไตล์เพิ่มเติมหรือไม่ เพียงกำหนดสไตล์ให้กับไอคอนทั้งหมดหรือเฉพาะไอคอนใดไอคอนหนึ่งเท่านั้น คุณสามารถค้นหาสิ่งนี้ได้ใน PlaygroundActivity ของตัวอย่างด้วย
Iconics . Builder ()
.style( ForegroundColorSpan ( Color . WHITE ), BackgroundColorSpan ( Color . BLACK ), RelativeSizeSpan ( 2f ))
.styleFor( FontAwesome . Icon .faw_adjust, BackgroundColorSpan ( Color . RED ))
.on(tv1)
.build()บางครั้งคุณไม่ต้องการใช้ปุ่มไอคอน ("faw-adjust") เช่นนี้ แต่ใช้ enum ที่มาจากแบบอักษรเฉพาะ ทั้งสองถูกต้อง:
IconicsDrawable ( this , " faw-adjust " ).actionBar() IconicsDrawable ( this , FontAwesome . Icon .faw_adjust). apply {
sizeDp = 24
paddingDp = 1
}สิ่งนี้เป็นไปได้ด้วยไฟล์การแมป *.ttf และ *.css เท่านั้น และจะใช้เวลา 2 นาที
คุณสามารถรับทั้งสองไฟล์นี้ได้โดยการดาวน์โหลดฟอนต์ไอคอนเว็บ หรือหากคุณต้องการสร้างฟอนต์ไอคอนแบบกำหนดเองของคุณเองจากไฟล์ *.svg คุณสามารถใช้เครื่องมือต่อไปนี้:
หลังจากที่คุณได้รับทั้งสองไฟล์แล้ว ให้ไปที่ไอคอนเครื่องมือสร้าง addon android-iconics.mikepenz.com ป้อนข้อมูลทั้งหมด เพิ่ม *.ttf และ *.css แล้วคลิกปุ่ม มันจะสร้างและดาวน์โหลดไอคอนฟอนต์ addon เป็น zip (เครื่องมือนี้ใช้ได้เฉพาะในเครื่องเท่านั้น ไม่มีไฟล์ใดถูกส่งไปยังเซิร์ฟเวอร์ คุณสามารถใช้ไอคอนใดๆ ได้อย่างปลอดภัย)
สำหรับการสร้างฟิลด์สตริงสำหรับแต่ละไอคอนของแบบอักษรของคุณ คุณสามารถใช้ตัวสร้างแบบง่ายนี้: ตัวสร้างสตริง Android-Iconics
ปลั๊กอิน Gradle ที่ยอดเยี่ยมซึ่งสามารถดึงแบบอักษรจาก Fontastic โดยอัตโนมัติ และสร้างโมดูล Android สำหรับโครงการของคุณ Iconics-Font-Generator
กฎ ProGuard / R8 รวมอยู่ภายในแต่ละแบบอักษร
ContextWrapper แบบกำหนดเองภายในการประดิษฐ์ตัวอักษรอย่างยอดเยี่ยมไมค์ เพนซ์
ปีเตอร์ กุลโก
Copyright 2021 Mike Penz
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.
