如何定製Core Plot主題

2021-08-25 17:51:55 字數 1173 閱讀 1823

coreplot主題是乙個cptheme子類。cptheme提供了一系列方法,你可以覆蓋其中3個方法 從而實現自定義的主題: 1、

-(void

cpgraph

*)graph;

通過傳遞進來的cpgraph引數,設定背景cpgraph 2、

-(void

cpplotareaframe

*)plotareaframe;

通過傳遞進來的cpplotarea引數,設定plotarea風格 3、

-(void

cpaxisset

*)axisset;

通過傳遞進來的cpaxisset引數,設定座標系風格

下面是乙個cptheme子類的例子:

一、.h檔案

.h檔案很簡單,申明父類為cptheme:

#import

#import

@inte***ce

mycptheme : cpxytheme

@end

二、.m檔案

1、首先我們來為背景設定乙個自定義顏色漸變: -(

void

cpxygraph

*)graph

2、在座標軸上畫上網格線: //

在y軸上新增平行線 -(

void

cpxyaxisset

*)axisset

3、設定繪圖區

下面的**在繪圖區(plotarea)填充乙個灰色漸變。注意由於繪圖區(plotarea)位於背景圖(graph)的上層(參考

core plot

框架的類層次圖 ),因此對於繪圖區所做的設定會覆蓋對 graph 所做的設定,除非你故意在 graph 的 4

邊留白,否則看不到背景圖的設定。 -(

void

cpplotareaframe

*)plotareaframe

三、應用主題

很簡單,將cptheme替換成我們自己的主題,並應用到cpgraph:

#import

"mycptheme.h" ⋯⋯

cptheme

*theme=[[

mycptheme

alloc

]init];

[graph

:theme];

來看看效果:

Ant Design主題定製

先介紹下專案背景 如果是採用antd init或antd cli腳手架初始化的專案,可以直接設定theme,相對比較簡單。我的專案框架是react redux,採用webpack打包,在開發環境是用 webpack dev中介軟體配合webpack hot中介軟體執行專案與記憶體中訪問,不在專案本地...

Vue Ant Design Pro 中定製主題

另乙個問題是每次重新整理頁面是都會出現 正在切換主題 的全域性提示 如何去除 正在切換主題 的全域性提示呢?方法很簡單 我們來看看上節中updatetheme方法的原始碼 import client from webpack theme color replacer client import ge...

ExtJs面板主題定製 sencha Themer

在ext js中建立自定義主題一直是一項挑戰。但是使用sencha themer可以大大提高你的開發效率。接受許可協議,然後單擊 下一步 為 所有使用者 或 當前使用者 指定使用者範圍,然後單擊 下一步 選擇要安裝的themer的位置,然後單擊 下一步 繼續安裝 安裝完成可以獲取30天試用期 選擇c...