導航:首頁 > 版本升級 > iconfont版本標記無效

iconfont版本標記無效

發布時間:2023-02-02 00:34:54

蘋果手機怎麼弄自定控制

1、首先打開iPhone的設置。

2、進入後點擊「控制中心」。

3、在然後點擊「自定控制」。

4、然後就可以根據自己需求添加或刪除控制中心的內容了。

5、添加完成後返回桌面,打開控制中心即可使用。

(1)iconfont版本標記無效擴展閱讀:
1、iPhone 8是Apple(蘋果公司)第11代手機,北京時間2017年9月13日凌晨1點,在Apple Park新總部的史蒂夫·喬布斯劇院舉行蘋果新品發布會上發布的年度旗艦手機。
2、iPhone 8搭載兩個性能晶元,兩個性能核心,四個高性能核心。採用A11處理器,支持無線充電。配置了新一代A11 Bionic處理器,運行速度比上一代A10處理器快30%,還集成了神經網路引擎。支持Touch ID,還有一個特點是其圖形感測器加入了對AR技術的支持。
今天給大家介紹一下iPhone蘋果手機的控制中心如何自定義設置的具體操作步驟。

1. 首先解鎖手機,找到設置打開。

2. 然後進入設置頁面,找到「控制中心」打開

3. 進入控制中心後,將「應用內訪問」右側的開關打開,接著選擇「自定控制」打開

4. 如圖進入「自定控制」頁面,每個功能前面的+號即添加到控制中心,-號即刪除。根據自己的喜好及需要進行設置即可。

5. 設置好之後,我們手指在頁面底部向上滑動屏幕,我們剛才設置的功能項就全部都在控制中心顯示了,一滑就可以調用了,是不是很方便?

以上就是iPhone蘋果手機的控制中心如何自定義設置的具體操作步驟。

② 有沒有什麼好的設計圖標素材網站

建議到昵抄圖網注冊去找,有襲很多作品素材可下。但是你最好能把你的作品上傳經審核評定星級,你就有資格下更多大圖。因為很多好的素材是要花虛擬貨幣下載的。
你的作品上傳後可能會被很多人下載,就會得到相應的虛擬貨幣,你再用它來下圖片,如此循環往復,不愁沒有好圖用。
昵圖網:
www.nipic.com/

③ 如何在 Android 應用中使用 FontAwesome 圖標

FontAwesome 可以節省許多時間,原因如下:

首先,你不需要擔心不同手機上的屏幕解析度問題。如果你使用png圖片,你需要在包裡面對每個圖標至少包含四種不同的版本。不僅如此,在某些超清屏幕上,你的圖標可能會出現顆粒感。這顯然是要避免的。但如果使用FontAwesome,你只需包含一個"TTF」文件
其次,你可以依賴於當今最豐富的免費圖標集之一。而且因為其在web上被廣泛的使用,現在用戶已經習慣了FontAwesome的風格。你不必再浪費時間去尋找漂亮的豐富的可以免費商用的圖標集合,我並不是說不存在這樣的圖標集,因為確實存在,但是非常稀少。
1. FontAwesome 的工作原理
我們先花點時間來了解一下FontAwesome 的工作原理。FontAwesome 圖標集背後的思想非常簡單,圖標被視為字元(character)。你可以能已經注意到一些奇怪的字元被作為文本對待,你可以輕易的拷貝 β 字元或者 ∑ 字元。你甚至可以在普通的文本編輯框中這樣做。還可以改變它們的大小和顏色。這是因為瀏覽器 - 以及文本編輯框 - 把這些字元視為文本。
FontAwesome 通過包含廣泛的圖標擴展了這一概念。你可以把它比喻成用圖標指定的不能打出的Unicode字元。
FontAwesome
看一眼 FontAwesome's cheatsheet 就知道我在說什麼了。你選擇列表中的一個圖標,記下它的Unicode的字元,在TextView中使用它告訴安卓使用FontAwesome字體來渲染。
2. 導入字體文件
讓我們來看一個例子。下載和導入FontAwesome 的TrueType 文件到項目。你可以從 GitHub上下載FontAwesome 的assets。
當你下載了FontAwesome之後,你會發現裡麵包含了一些文件和文件夾。大部分都是對web項目有用的。我們只對位於fonts目錄的 fontawesome-webfont.ttf感興趣。
在你的安卓項目中,導航到 app > src > main。 main 目錄應該包含了一個叫 assets的文件夾。如果沒有就創建一個。在assets 文件夾中創建另一個fonts文件夾,並把fontawesome-webfont.ttf 添加到這個文件夾。
主義 fonts 文件夾並不是必須的。你可以直接把FontAwesome 的字體文件放在 assets 目錄,但是把相同類型的文件放在專門的目錄裡面比較方便。只要FontAwesome 字體在assets 或者子目錄之下就行。
3. 創建一個幫助類
現在你已經成功的把FontAwesome 字體文件包含在了自己的安卓項目里,是時候使用它了。我們會創建一個幫助類來讓事情變得簡單點。這個類要使用到android.graphics.Typeface。Typeface類指定typeface 以及一個字體的特徵。它用於指明text在繪制(以及測量)的時候該如何顯示。
創建一個新的名叫FontManager的java類:

1
2
3
4
5
6
7
8
9
10

public class FontManager {

public static final String ROOT = "fonts/",
FONTAWESOME = ROOT + "fontawesome-webfont.ttf";

public static Typeface getTypeface(Context context, String font) {
return Typeface.createFromAsset(context.getAssets(), font);
}

}

如果你想在項目中使用其他的字體,把字體放在helper 類裡面就可以了。類似於:

1

yourTextView.setTypeface(FontManager.getTypeface(FontManager.YOURFONT));

我們需要做的就這么多,但是我們可以做的更好。使用上面的方法的話,我們需要為每個想當成圖標來使用的TextView創建一個變數。但作為一個程序員,我們都很懶,對吧?
圖標一般都是包含在一個ViewGroup,比如一個RelativeLayout或者LinearLayout中。我們可以寫一個方法,爬遍指定xml parent 並且遞歸的覆蓋每個TextView的字體。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

public class FontManager {

// ...

public static void markAsIconContainer(View v, Typeface typeface) {
if (v instanceof ViewGroup) {
ViewGroup vg = (ViewGroup) v;
for (int i = 0; i < vg.getChildCount(); i++) {
View child = vg.getChildAt(i);
markAsIconContainer(child);
}
} else if (v instanceof TextView) {
((TextView) v).setTypeface(typeface);
}
}

}

假設你的布局文件是這樣的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/icons_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1" />

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1" />

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1" />

</LinearLayout>

要把這三個TextView標記為圖標,我們重寫onCreate方法,並添加如下代碼片段:

1
2

Typeface iconFont = FontManager.getTypeface(getApplicationContext(), FontManager.FONTAWESOME);
FontManager.markAsIconContainer(findViewById(R.id.icons_container), iconFont);

4. 使用你想要的圖標
現在輪到有意思的部分了。訪問 FontAwesome的GitHub頁面 並瀏覽所給的圖標。選擇三個你喜歡的。我准備選擇三個chart圖標,分別是 area chart icon, pie chart icon, 以及 line chart icon。
在你的項目中,進入 values 文件夾並創建一個新的文件:icons.xml。這個文件將被作為字典使用,它將把Unicode 字元和相應的圖標用可讀的名字匹配起來。這意味著我們需要為每個圖標創建一個入口。

1
2
3
4
5

<resources>
<string name="fa_icon_areachart"></string>
<string name="fa_icon_piechart"></string>
<string name="fa_icon_linechart"></string>
</resources>

你可以在FontAwesome cheatsheet或者圖標的 詳情頁面 找到你感興趣圖標的代碼。
下一步就是在布局的TextView裡面引用這些字元串。這是最終的樣子:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1"
android:text="@string/fa_icon_areachart" />

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1"
android:text="@string/fa_icon_piechart" />

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1"
android:text="@string/fa_icon_linechart" />

如果你打開Android Studio的布局編輯器,你會看到它無法渲染這些圖標。這是不正常的。編譯並啟動應用,你又會發現圖標是正常渲染了的。

看起啦很小是吧?改變圖標的大小很簡單,你只需改變textSize屬性就是了。改變圖標的顏色也一樣簡單,編輯textColor屬性就是了。

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1"
android:textSize="45sp"
android:textColor="#9b59b6"
android:text="@string/fa_icon_areachart" />

④ 大學生怎麼全面地學習前端開發

前端行業的薪資居高不下,對於想入門的小白卻不知道如何學起,今天愛前端考拉老師告訴你小白如何開啟前端學習以及需要掌握哪些知識點。
學習對象:0基礎,對互聯網充滿熱情,想要從事H5前端開發、全棧開發的學員;

第一階段 互聯網基本原理和HTML
互聯網基本原理、伺服器、瀏覽器、HTTP請求的概念。編程工具介紹、HTML簡介。HTML語義化標簽、p標簽和h系列標簽。HTML基本骨架深入、HTML骨架、HTML和XHTML的區別。元信息標記meta、設置頁面關鍵字、字元集、關鍵字、頁面描述。a標簽和img標簽,相對路徑、絕對路徑。ul、ol、dl標簽、div和span標簽、較不常用HTML標簽簡介。表單、提交表單action、傳送方法method、插入表單對象。HTML注釋、HTML字元實體。
第二階段CSS基礎和高級技巧
選擇器。文字屬性、顏色屬性。繼承性和層疊性,權重計算。CSS盒模型,width、height、padding、border、margin屬性。父子嵌套模型,使用Fireworks精確還原設計圖。float浮動屬性、浮動的意義、清除浮動的方法。瀏覽器兼容,CSS hack。 background系列屬性、css精靈、網頁上透明。超級鏈接的偽類、導航條。 position定位、定位小技巧。DIV+CSS布局。
第三階段 靜態網站製作項目
通過以上兩個階段的學習可以達到製作網頁的水平,學習要求。需要掌握搜索引擎優化的概念、頁面常用SEO技巧、學會有格調的製作頁面。iconfont字體圖標。一些常見的CSS高級技巧,比如負margin、壓線技術、滑動門、列自撐技術。較復雜布局網站的學習,學習製作2~3個頁面。通欄banner、大背景等時下流行的網站製作方法。精美企業站賞析、製作
第四階段JavaScript基礎
語句、執行順序、詞法結構、標識符、關鍵字、變數、常量、alert語句和console控制台。值和變數、數字、文本、布爾值、null和undefined。表達式和運算符、運算符概述。流程式控制制、賦值語句、條件判斷語句、if語句、if語句的嵌套、switch語句、循環控制語句、while語句、do…while語句、for循環。跳轉語句:continue語句、break語句。函數、參數、返回值、遞歸、作用域、全局變數、局部變數。內部對象、數組、字元串。
第五階段JavaScript DOM編程
事件與事件處理概述、事件與事件名稱、常用事件、事件處理程序的調用、DOM事件模型、事件流、 事件對象、注冊與移除事件。文檔對象的常用屬性、方法與事件、輸出數據。事件的三要素。DOM對象、DOM概述、DOM分層、DOM級別、DOM對象節點屬性、遍歷文檔樹、克隆刪除替換。動畫基礎知識、定時器、setInterval和setTimeout、運動效果、 實用的動畫、製作運動效果案例
第六階段jQuery頁面特效
jQuery對象和DOM對象、jQ選擇器、CSS操作、設置和獲取HTML、文本和值。事件、載入DOM、事件綁定、合成事件、事件對象的屬性。動畫、自定義動畫方法、動畫回調函數、停止動畫、其他動畫方法。jQuery對表單、表格的操作及更多應用、表單應用、表格應用。jQuery插件,jQueryUI,jQuery ease,jQuery mousewheel等。超多頁面特效!結合案例掌握了解jQuery插件的使用。
第七階段JavaScript進階
命名空間、對象擴展、數組化、主流框架引入的機制——domReady、無沖突處理。語言模塊、字元串的擴展與修復、數組的擴展與修復、數值的擴展與修復、函數的擴展與修復、 日期的擴展與修復、瀏覽器嗅探與特徵偵測 、判定瀏覽器、事件的支持偵測、樣式的支持偵測。類工廠、JavaScript對類的支撐、各種類工廠的實現。瀏覽器內置的尋找元素的方法、屬性模塊、如何區分固有屬性與自定義屬性。
第八階段HTML5和CSS3
HTML5概述、HTML5新特性、HTML5組織、HTML5構成、HTML5頁面的特徵、HTML基礎、HTML5全局屬性、HTML5其他功能、HTML5元素分類。實戰HTML5表單、新增的input輸入類型。HTML5音頻與視頻、HTML5多媒體技術概述、在HTML5中播放音頻。CSS3編碼規范、了解CSS3新增特性。CSS選擇器、屬性選擇器、結構偽類選擇器、UI偽類選擇器。旋轉動畫、縮放動畫、移動動畫、傾斜動畫。3D炫酷動畫效果實戰。
第九階段移動web和響應式網頁
視口、縮放 、解析度、物理解析度、設備像素比、dppx和dpi 、meta視口。百分比布局、流式布局、CSS3新的流式盒模型。觸摸和指針事件、觸摸事件、手勢事件 、其他事件、拖放、滾動層、事件和交互模式、移動端交互綜合實戰。zepto.js、jQuery Mobile等移動端常見框架。HTML5速成移動端框架。Bootstrap3 、調整響應式導航條斷點。移動優先、Bootstrap柵格系統、柵格系統原理、Bootstrap中的JavaScript交互、Bootstrap敏捷開發。
第十階段伺服器知識和PHP入門
後台語言和前台語言的區別。初識PHP、PHP語言的優勢、PHP 5的新特性、PHP的發展趨勢、PHP的應用領域。 PHP環境搭建和開發工具。PHP語言基礎、PHP變數、PHP運算符、 PHP的表達式、PHP編碼規范、流程式控制制語句、字元串操作、PHP數組、 PHP與Web頁面交互。資料庫技術概述、增刪改查。
第十一階段Ajax企業項目實戰開發
Ajax概述與Ajax初體驗、Ajax技術介紹、XMLHttpRequest對象詳解、動態載入和顯示數據、XMLHttpRequest對象概述、方法、屬性、發送請求、GET和POST請求、運行周期、使用JSON響應、Ajax實用包的封裝。JSON的解析、Underscore模板引擎、模板技術、動態組裝頁面、電話號碼歸屬地查詢、驗證碼等。Ajax實戰篇 、Ajax高級表單驗證程序 、Ajax動態聯動菜單、瀑布流。
第十二階段JavaScript面向對象
創建對象、屬性的查詢和設置、 刪除屬性、檢測屬性、枚舉屬性、屬性getter和setter、屬性的特性、對象的三個屬性、序列化對象、對象方法。類和模塊、類和原型、類和構造函數、類的擴充、類和類型、子類。原型、實例化和原型、 對象實例化、通過構造器判斷對象、繼承與原型鏈、構造函數和原型對象 、構造函數、原型對象 、[[Prototype]]屬性 、在構造函數中使用原型對象 、改變原型對象、內建對象的原型對象。
第十三階段canvas動畫和手機游戲
Canvas繪圖、基本知識、理解canvas坐標系、獲取canvas環境上下文、理解路徑、路徑操作API 、繪制線條 、繪制矩形 、繪制圓弧 、繪制貝塞爾曲線 、線條屬性 、線條顏色 、填充 、繪圖狀態。圖像API、使用canvas繪制圖像、坐標變換、繪制文字。游戲原理、製作2D游戲引擎、理解游戲循環、渲染引擎實現、使用引擎構建游戲實例、游戲常用演算法。
第十四階段Node.js企業項目開發
Node的特點、非同步I/O、事件與回調函數、單線程、跨平台、Node的應用場景、I/O密集型、CommonJS規范、Node的模塊實現、路徑分析和文件定位、模塊編譯、核心模塊、JavaScript核心模塊的編譯過程、網路編程、構建TCP服務。構建HTTP服務、構建WebSocket服務、網路服務與安全。MongoDB、Express、Mongoose、socket.io。小型微博系統、俄羅斯方塊對戰。Linux使用。
第十五階段信小程序
小程序概述、 小程序開發賬戶的注冊、獲得AppId下載使用開發者工具、認識默認的文件夾結構、appjson配置、雙大括弧差值和MVVM模式、小程序操作數字、小程序API起步、案例調色板、案例微博發布框、for循環指令、if判斷指令和復選按鈕組、阿里雲伺服器開通、請求服務數字和發出改變數字、get請求信息流案例、post請求和圖片上傳、資料庫mogodb、班級說說
第十六階段ECMAScript2016
簡介、let和const命令、變數的解構賦值、字元串的擴展、正則的擴展、數值的擴展、數組的擴展、函數的擴展、對象的擴展、Symbol、Set和Map數據結構、Proxy、Reflect、Iterator和for...of循環、Generator函數、Promise對象、非同步操作和Async函數、Class、Decorator、Mole、編程風格、讀懂規格、二進制數組、SIMD
第十七階段Yeoman腳手架
基本安裝、配置、HTML模板、圖片壓縮、構建工具、包管理器、JSLint測試。
第十八階段Grunt和Gulp構建工具
GIT、SVN、Grunt、Gulp、Webpack。通過代碼優於配置的策略,Gulp 讓簡單的任務簡單,復雜的任務可管理。利用 Node.js 流的威力,你可以快速構建項目並減少頻繁的 IO 操作。通過最少的 API,掌握 Gulp 毫不費力,構建工作盡在掌握:如同一系列流管道。
第十九階段Sass、Less和Stylus
sass中可以定義變數,方便統一修改和維護。用sass進行 選擇器的嵌套,表示層級關系。用sass中導入其他sass文件,最後編譯為一個css文件t。用sass中可用mixin定義一些代碼片段,且可傳參數,方便日後根據需求調用
第二十階段React.js構建視圖組件
React簡介、JSX、組件的生命周期、實例化、數據流、事件處理、組件的復合、mixin、DOM操作、動畫、性能優化、服務端渲染、周邊類庫。VUE數據模板、生命周期、過濾器。
第二十一階段VUE界面的前端庫
遇見Vue.js、數據綁定、指令、計算屬性、表單控制項綁定、過濾器、Class與Style綁定、過渡、綁定事件、組件、表單校驗、分組校驗、與服務端通信、RESTful調用。
第二十二階段React Native移動框架
React Native簡介、React Native開發基礎、常用組件介紹及實踐、TextInput組件、九宮格實現、NavigatorIOS組件、Touchable類組件、狀態機思維與狀態機變數、深入理解UI重新渲染的過程、Navigator組件工作機制、混合開發基礎、組件生命周期、數據存儲及React Native應用實現步驟。
第二十三階段 Cordova和PhoneGap
使用加速計和位置感測器、文件系統、存儲及本地資料庫、處理音頻、圖像和視頻、處理通訊錄、本地事件、使用XUI、使用jQuery Mobile進行用戶界面開發、PhoneGap插件擴展、開發工具及測試。
第二十四階段ionic framework
Ionic和Hybrid應用介紹、配置開發環境 、Ionic導航和核心組件、選項卡、高級列表和表單組件、開發高級應用、使用 Ionic 命令行代理、在頁面中使用 ionScroll、過濾器:轉換視圖中的數據。
第二十六階版本管理系統和項目打包測試
第二十七階段前端攻防、部署和SEO
第二十八階段WebGL和Three.js
第二十九階段TypeScript和Angula4

⑤ 為什麼font-size調不了iconfont圖標大小

font-size:20px !important; 試試

⑥ vue網頁請求文字在哪個文件夾設置

在assets。
assets,放置靜態資源,包括公共的css文件,js,文件、iconfont字體文件,img圖片文件以及其他資源類文件,之所以強調是公共的,css,文件,是因為要在組件的css,標簽里加入,scoped,標記,將其作用范圍限制在此組件以及調用它的父級組件中,避免污染全局樣式。
Vue是一個用於構建用戶界面的漸進式SPA,Single-Page,Applications,單一頁面框架,與其它龐大而單一框架不同的是,Vue從一開始就被設計為按需搭。

⑦ 怎樣用 Android Annotations 寫出高性能代碼

Thread Annotations
CheckResult Annotations
CallSuper Annotations
Enumerated Annotations
Thread Annotations
Thread Annotations 有四位成員 - @UiThread、@MainThread、@WorkerThread、@BinderThread,它們來自不同的 java 文件,卻擁有著共同的 target,不信你看:
@Retention(CLASS)
@Target({METHOD,CONSTRUCTOR,TYPE})12

如果標記 class,那麼這個 class 的所有方法都必須在指定線程上執行,例如
@UiThread
public class NavigationBar {
@NonNull
private NavigationBar addEntry(
@StringRes int iconFontRes,
@NonNull String title,
@NonNull OnClickListener listener) {
// ...
}
// ...
}1234567891011

這樣一來,NavigationBar 的所有方法都要運行在 Ui Thread,否則 Android Studio 會!報!錯!
@MainThread 與 @UiThread 的區別比較微妙,首先放放鏈接 - Support Annotations。總結起來一句話:@MainThread 用於標記與生命周期相關的方法,@UiThread 用於 View Hierarchy,但是 Android Studio 認為兩者是可以互換的,所以有這兩種標記的方法可以互相調用。
然後我再稍微補充幾句:
一個進程有且只有一個主線程 - @MainThread,同時它也是一個 @UiThread。例如,activity 的 main window 就運行在 @MainThread 上,但是系統也允許應用創建其他的線程以運行不同的 window(除了系統進程會這么干,幾乎沒有其他場景)
@CheckResult
這個 Annotation 對於【只看方法名無法判斷是否有返回值】的方法特別管用,例如:
public boolean openUp()1

只看方法名openUp,可能不會多想,調用一下就完事了,也不會判斷返回值。
但是如果必須要判斷 openUp 的返回值,除了文檔約束好像也沒有其他辦法,有了 @CheckResults,一切都變得簡單明了。

⑧ 如何在安卓app中使用FontAwesome圖標

1. FontAwesome 的工作原理

們先花點時間來了解一下FontAwesome
的工作原理。FontAwesome 圖標集背後的思想非常簡單,圖標被視為字元(character)。你可以能已經注意到一些奇怪的字元被作為文本對
待,你可以輕易的拷貝 β 字元或者 ∑ 字元。你甚至可以在普通的文本編輯框中這樣做。還可以改變它們的大小和顏色。這是因為瀏覽器 -
以及文本編輯框 - 把這些字元視為文本。
FontAwesome 通過包含廣泛的圖標擴展了這一概念。你可以把它比喻成用圖標指定的不能打出的Unicode字元。
FontAwesome
看一眼 FontAwesome's cheatsheet 就知道我在說什麼了。你選擇列表中的一個圖標,記下它的Unicode的字元,在TextView中使用它告訴安卓使用FontAwesome字體來渲染。
2. 導入字體文件
讓我們來看一個例子。下載和導入FontAwesome 的TrueType 文件到項目。你可以從 GitHub上下載FontAwesome 的assets。
當你下載了FontAwesome之後,你會發現裡麵包含了一些文件和文件夾。大部分都是對web項目有用的。我們只對位於fonts目錄的 fontawesome-webfont.ttf感興趣。
在你的安卓項目中,導航到 app > src > main。 main 目錄應該包含了一個叫 assets的文件夾。如果沒有就創建一個。在assets 文件夾中創建另一個fonts文件夾,並把fontawesome-webfont.ttf 添加到這個文件夾。
主義 fonts 文件夾並不是必須的。你可以直接把FontAwesome 的字體文件放在 assets 目錄,但是把相同類型的文件放在專門的目錄裡面比較方便。只要FontAwesome 字體在assets 或者子目錄之下就行。
3. 創建一個幫助類
現在你已經成功的把FontAwesome 字體文件包含在了自己的安卓項目里,是時候使用它了。我們會創建一個幫助類來讓事情變得簡單點。這個類要使用到android.graphics.Typeface。Typeface類指定typeface 以及一個字體的特徵。它用於指明text在繪制(以及測量)的時候該如何顯示。
創建一個新的名叫FontManager的java類:
public class FontManager { public static final String ROOT = "fonts/", FONTAWESOME = ROOT + "fontawesome-webfont.ttf"; public static Typeface getTypeface(Context context, String font) { return Typeface.createFromAsset(context.getAssets(), font); } }

如果你想在項目中使用其他的字體,把字體放在helper 類裡面就可以了。類似於:
yourTextView.setTypeface(FontManager.getTypeface(FontManager.YOURFONT));

我們需要做的就這么多,但是我們可以做的更好。使用上面的方法的話,我們需要為每個想當成圖標來使用的TextView創建一個變數。但作為一個程序員,我們都很懶,對吧?
圖標一般都是包含在一個ViewGroup,比如一個RelativeLayout或者LinearLayout中。我們可以寫一個方法,爬遍指定xml parent 並且遞歸的覆蓋每個TextView的字體。
public class FontManager { // ... public static void markAsIconContainer(View v, Typeface typeface) { if (v instanceof ViewGroup) { ViewGroup vg = (ViewGroup) v; for (int i = 0; i < vg.getChildCount(); i++) { View child = vg.getChildAt(i); markAsIconContainer(child); } } else if (v instanceof TextView) { ((TextView) v).setTypeface(typeface); } } }

假設你的布局文件是這樣的:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/icons_container" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" /> </LinearLayout>

要把這三個TextView標記為圖標,我們重寫onCreate方法,並添加如下代碼片段:
Typeface iconFont = FontManager.getTypeface(getApplicationContext(), FontManager.FONTAWESOME);FontManager.markAsIconContainer(findViewById(R.id.icons_container), iconFont);

4. 使用你想要的圖標
現在輪到有意思的部分了。訪問 FontAwesome的GitHub頁面 並瀏覽所給的圖標。選擇三個你喜歡的。我准備選擇三個chart圖標,分別是 area chart icon, pie chart icon, 以及 line chart icon。
在你的項目中,進入 values 文件夾並創建一個新的文件:icons.xml。這個文件將被作為字典使用,它將把Unicode 字元和相應的圖標用可讀的名字匹配起來。這意味著我們需要為每個圖標創建一個入口。
<resources> <string name="fa_icon_areachart"></string> <string name="fa_icon_piechart"></string> <string name="fa_icon_linechart"></string></resources>

你可以在FontAwesome cheatsheet或者圖標的 詳情頁面 找到你感興趣圖標的代碼。
下一步就是在布局的TextView裡面引用這些字元串。這是最終的樣子:
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" android:text="@string/fa_icon_areachart" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" android:text="@string/fa_icon_piechart" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" android:text="@string/fa_icon_linechart" />

如果你打開Android Studio的布局編輯器,你會看到它無法渲染這些圖標。這是不正常的。編譯並啟動應用,你又會發現圖標是正常渲染了的。

看起啦很小是吧?改變圖標的大小很簡單,你只需改變textSize屬性就是了。改變圖標的顏色也一樣簡單,編輯textColor屬性就是了。
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" android:textSize="45sp" android:textColor="#9b59b6" android:text="@string/fa_icon_areachart" />

就如你看見的,這些圖標明亮鮮明。這是因為FontAwesome 在運行時渲染。它們是矢量圖標 而不是柵格圖標。

⑨ iconfont圖標+旋轉

iconfont圖標由link引入:

列如:<i>標簽

class鏈接iconfont路徑
再引進iconfont圖標庫的名稱:如下圖:

iconfont引入圖標方式獲取圖標名稱即可:
如:<i class="icon iconfont icon-angle-down"></i>
切勿:加點!!!
加點無效!
下面如何:給iconfont加旋轉!
<i>標簽先轉換成行內塊元素:

必須給i標簽轉換成行內塊元素:否則無法旋轉!!!
給<i>標簽轉換成塊元素是無法正常旋轉的。
給<i>加旋轉必須由 &:hover:
如下:

這是給<i>標簽的iconfont圖標加180度的旋轉:過度2秒。

⑩ axure基礎教程內容是什麼

一、Open Link in Current Window:在當前窗口打開一個頁面

二、Open Link in Popup Window:在彈出的窗口中打開一個頁面

三、Open Link in Parent Window:在原窗口中打開一個頁面

四、Close Current Window:關閉當前窗口

五、Open Link in Frame:在框架中打開一個頁面

六、Set Panel state(s) to State(s):為動態面板設定要顯示的狀態

七、Show Panel(s):顯示動態面板

八、Hide Panel(s):隱藏動態面板

九、Toggle Visibility for Panel(s):切換動態面板的顯示狀態(顯示/隱藏)

十、Move Panel(s):根據絕對坐標或相對坐標來移動動態面板

十一、Set Variable and Widget value(s) equal to Value(s):設定變數值或控制項值

十二、Open Link in Parent Frame:在父頁面的嵌框架中打開一個頁面

十三、Scroll to Image Map Region:滾動頁面到

十四、Image Map:所在位置

十五、Enable Widget(s):把對象狀態變成可用狀態

十六、Disable Widget(s):把對象狀態變成不可用狀態

十七、Wait Time(s):等待多少毫秒(ms)後再進行這個動作

十八、Other:顯示動作的文字說明

閱讀全文

與iconfont版本標記無效相關的資料

熱點內容
cad為什麼打不開安裝文件 瀏覽:353
mac系統刪除win10系統文件 瀏覽:48
cmf游戲文件 瀏覽:139
word2013批註內容全部 瀏覽:687
游粉淘這網站怎麼樣 瀏覽:257
數控程序g41g42怎麼編程 瀏覽:62
抖音里邊轉發的文件到哪裡了 瀏覽:437
有雙微信功能的手機 瀏覽:466
不用網路也能上網嗎 瀏覽:247
mysql資料庫的url地址 瀏覽:12
如何復制文件夾中的多個文件名 瀏覽:52
馮諾依曼數據存在在什麼中 瀏覽:16
多份文件部分內容遭塗黑遮去 瀏覽:133
哪些質量管理活動需要形成文件 瀏覽:521
如何適應大數據時代心得 瀏覽:146
什麼是名目數據 瀏覽:457
文件夾標注 瀏覽:243
swfupload選擇單個文件 瀏覽:136
blocks提示找不到頭文件 瀏覽:761
在哪裡能編程C語言 瀏覽:425

友情鏈接