手機版 | wap版 | 網站主頁 | HOME | 3G網頁
<button id="epyjx"><acronym id="epyjx"></acronym></button>

<dd id="epyjx"></dd>
<button id="epyjx"></button>
      1. <progress id="epyjx"></progress>
        <tbody id="epyjx"><track id="epyjx"></track></tbody>
        <em id="epyjx"><tr id="epyjx"></tr></em>

        ✍️標題欄/菜單欄:一分鐘集成類似抖音,新浪微博,騰...

        [複製鏈接]
        來自: CrabMan 分類: iOS精品源碼 上傳時間: 2019-12-26 14:36:45
        Tag:

        項目介紹:



        效果展示

        效果展示 - 基本樣式

        | 基本樣式 | GIF|
        | :-------- | --------:|
        |00-00.顏色效果 - RGB漸變 ||
        |00-01.顏色效果 - 填充漸變 ||
        |00-02.顏色效果 - 無漸變 ||
        |00-03.切換樣式 - 字體放大 ||
        |00-04.切換樣式 - 下劃線 ||
        |00-05.切換樣式 - 遮罩 ||
        |00-06.切換樣式 - 字體放大 - 延遲 ||
        |00-07.切換樣式 - 下劃線 - 延遲 ||
        |00-08.切換樣式 - 遮罩 - 延遲 ||
        |00-09.附加效果 - 標題欄下方分割線 ||
        |00-10.附加效果 - 標題文字之間分割線 ||
        |00-11.對齊方式 -- 左對齊 ||
        |00-12.對齊方式 -- 右對齊 ||
        |00-13.對齊方式 -- 居中 ||
        |00-14.對齊方式 -- SpaceAround ||
        |00-15.字體放大效果時對其方式 -- 居中對齊 ||
        |00-16.字體放大效果時對其方式 -- 上對齊 ||
        |00-17.字體放大效果時對其方式 -- 下對齊 ||

        效果展示 - 組合樣式

        根據上方的基本樣式可以進行自由組合,從而達到你想要的效果;因組合樣式過多,下方列出了部分

        | 組合樣式 | GIF|
        | :-------- | --------:|
        |01-00.字體放大 - 顏色RGB漸變 ||
        |01-01.字體放大 - 顏色填充漸變 ||
        |01-02.字體放大 - 顏色無漸變 ||
        |01-03.字體放大(延遲) - 顏色RGB漸變 ||
        |01-04.字體放大(延遲) - 顏色填充漸變 ||
        |01-05.字體放大(延遲) - 顏色無漸變 ||
        |01-06.下劃線 - 顏色RGB漸變 ||
        |01-07.下劃線 - 顏色填充漸變 ||
        |01-08.下劃線 - 顏色無漸變 ||
        |01-09.下劃線(延遲) - 顏色RGB漸變 ||
        |01-10.下劃線(延遲) - 顏色填充漸變 ||
        |01-11.下劃線(延遲) - 顏色無漸變 ||
        |01-12.下劃線(固定寬度)- 顏色RGB漸變 ||
        |01-13.下劃線(固定寬度)- 顏色填充漸變 ||
        |01-14.下劃線(固定寬度)- 顏色無漸變 ||
        |01-15.下劃線(延遲 && 固定寬度)- 顏色RGB漸變 ||
        |01-16.下劃線(延遲 && 固定寬度)- 顏色填充漸變 ||
        |01-17.下劃線(延遲 && 固定寬度)- 顏色無漸變 ||
        |01-18.下劃線(比例寬度)- 顏色RGB漸變 ||
        |01-19.下劃線(比例寬度)- 顏色填充漸 ||
        |01-20.下劃線(比例寬度)- 顏色無漸變 ||
        |01-21.下劃線(延遲 && 比例寬度)- 顏色RGB漸變 ||
        |01-22.下劃線(延遲 && 比例寬度)- 顏色填充漸變 ||
        |01-23.下劃線(延遲 && 比例寬度)- 顏色無漸變 ||
        |01-24.下劃線(延展)- 顏色RGB漸變 ||
        |01-25.下劃線(延展)- 顏色填充漸變 ||
        |01-26.下劃線(延展)- 顏色無漸變 ||
        |01-27.下劃線(延展 && 固定寬度)- 顏色RGB漸變 ||
        |01-28.下劃線(延展 && 固定寬度)- 顏色填充漸變 ||
        |01-29.下劃線(延展 && 固定寬度)- 顏色無漸變 ||
        |01-30.下劃線(延展 && 比例寬度)- 顏色RGB漸變 ||
        |01-31.下劃線(延展 && 比例寬度)- 顏色填充漸變 ||
        |01-32.下劃線(延展 && 比例寬度)- 顏色無漸變 ||
        |01-33.遮罩 - 顏色RGB漸變 ||
        |01-34.遮罩 - 顏色填充漸變 ||
        |01-35.遮罩 - 顏色無漸變 ||
        |01-36.遮罩(延遲) - 顏色RGB漸變 ||
        |01-37.遮罩(延遲) - 顏色填充漸變 ||
        |01-38.遮罩(延遲) - 顏色無漸變 ||
        |01-39.遮罩(固定寬度)- 顏色RGB漸變 ||
        |01-40.遮罩(固定寬度)- 顏色填充漸變 ||
        |01-41.遮罩(固定寬度)- 顏色無漸變 ||
        |01-42.遮罩(延遲 && 固定寬度)- 顏色RGB漸變 ||
        |01-43.遮罩(延遲 && 固定寬度)- 顏色填充漸變 ||
        |01-44.遮罩(延遲 && 固定寬度)- 顏色無漸變 ||
        |01-45.字體放大 && 下劃線 - 顏色填充漸變 ||
        |01-46.字體放大 && 下劃線 && 延遲 - 顏色無漸變 ||
        |01-47.字體放大 && 下劃線(延展)- 顏色填充漸變 ||
        |01-48.字體放大 && 下劃線(延展 && 固定寬度 )- 顏色填充漸變 ||
        |01-49.字體放大 && 下劃線(延展 && 比例寬度 )-顏色填充漸變 ||
        |01-50.字體放大 && 下劃線(延展 && 放大時下對齊 )-顏色填充漸變 ||
        |01-51.字體放大 && 下劃線(延展 && 放大時下對齊 && 左對齊)-顏色填充漸變 ||

        效果展示 - 其他樣式

        | 其他樣式 | GIF|
        | :-------- | --------:|
        |02-00.標題欄背景色 ||
        |02-01.標題欄背景圖片 ||
        |02-02.rightView ||

        安裝

        CocoaPods安裝:

        • For iOS8+:

        use_frameworks!
        target '<Your Target Name>' do
            pod 'CMPageTitleView'
        end

        手動安裝:

        CMPageTitleView/CMPageTitleView/Class 路徑下的所有文件拖拽到你的項目中.

        示例

        首先, 先要導入.h頭文件.

        如果cocoaposd安裝:

        #import <CMPageTitleView/CMPageTitleView.h>

        如果手動安裝:

        #import "CMPageTitleView.h"
        

        創建CMPageTitleView 后,創建CMPageTitleConfig 對象並設置所需配置:

         CMPageTitleView *pageView = [[CMPageTitleView alloc] initWithFrame:frame];
            pageView.delegate = self;
            
            CMPageTitleConfig *config = [CMPageTitleConfig defaultConfig];
            config.cm_childControllers = self.childControllers; //必傳參數
            
            [self.view addSubview:pageView];

        同樣支持Masonry布局,代碼如下:

          CMPageTitleView *pageView = [[CMPageTitleView alloc] init];
            [self.view addSubview:pageView];
            
            [pageView mas_makeConstraints:^(MASConstraintMaker *make) {
                make.left.right.mas_equalTo(0);
                make.top.mas_equalTo(CM_NAVI_BAR_H);
                make.height.mas_equalTo(CM_SCREEN_H - CM_NAVI_BAR_H);
                
            }];
            pageView.delegate = self;
            
            CMPageTitleConfig *config = [CMPageTitleConfig defaultConfig];
            config.cm_childControllers = self.childControllers;//必傳參數
            
            pageView.cm_config = config;
        

        按照上方代碼,你已經創建了一個最簡單的菜單欄

        相關源碼推薦:

        我來說兩句
        所有評論(2)
        CrabMan 2019-12-26 14:43:27
        code4 的markdown的排版也真是醉了
        回復
        blessjuan 2020-1-6 10:52:40
        很給力,Code4App有你更精彩!
        回復
        872 0 0
        聯繫我們
        首頁/微信公眾賬號投稿

        帖子代碼編輯/版權問題

        QQ:435399051,742864542

        如何獲得代碼達人稱號?

        代碼貢獻英雄榜
        用戶名 下載數
        通過郵件訂閱最新 Code4App 信息
        上一條 /4 下一條

        廣告投放| 台湾互聯網違法和不良信息舉報中心|中國互聯網舉報中心|Github|申請友鏈|手機版|Code4App ( 粵ICP備15117877號-1 )