⑴ hyperxtrude如何定製工具條,此工具條包含mask
在開發中,有時需要在狀態條下面展示一個工具條,並且在工具條上放置一些按鈕.這在UIToolBar中比較容易實現:1.新建一個繼續自UIViewController的類;2.在實現文件的viewDidLoad方法裡面添加如下代碼:-(void)viewDidLoad{[superviewDidLoad];CGFloatwidth=self.view.frame.size.width;UIToolbar*toolBar=[[UIToolbaralloc]initWithFrame:CGRectMake(0,0,width,40)];toolBar.barStyle=UIBarButtonItemStyleBordered;[toolBarsizeToFit];toolBar.autoresizingMask=;//這句作用是切換時寬度自適應.UIBarButtonItem*barItem=[[UIBarButtonItemalloc]initWithBarButtonSystemItem::selfaction:@selector(buttonPress:)];[toolBarsetItems:[NSArrayarrayWithObject:barItem]];[self.viewaddSubview:toolBar];[toolBarrelease];}3.最後implement按鈕方法(這里僅僅列印一串字元,驗證方法被調用):-(void)buttonPress:(id)sender{NSLog(@"ToolBarButtontaped.");}
⑵ 工具包定製,你知道定製那些事兒嗎
預算多少也很重要, 關於預算的話,客戶要提前心裡有個底,在向工具包定製廠家咨詢了解的時候,可以告訴廠家自己的預算是怎麼樣的,這樣廠家就可以根據客戶的預算推薦合適的材質以及相關物料,亦或是及時回復客戶在規定的預算內是否可以進行生產定製工具包等事情。金森手袋有限公司專業生產定製帆布袋。EVA工具包,EVA包裝盒,雙肩背包,工具包,EVA製品。堅持「以誠為本,客戶至上,互為互贏」的經營宗旨,具備十餘年的手袋箱包生產定製經驗,擁有多人從研發、生產、銷售為一體的專業團隊,服務過眾多企業,已獲得廣大國內外客商的一致信任!
材料不在貴賤,關鍵看是否合適 , 儀器工具包定製的另一個關鍵就是質量,定製的儀器工具包要想質量有保障,在材料選擇上需要花點心思,材質選擇要根據儀器特性以及儀器使用者的工作環境來決定,而並非價格高低能決定的,合適的材質才是選對了,儀器工具包在使用的時候才能稱心如意。 說說儀器工具包定製設計的那些事
⑶ 在Cad中,如何自定義工具欄
1、首先打開CAD,熟悉的界面又打開了。左右兩側都布置了平常使用的工具欄。
⑷ UG8.0的工具如何定製到建模界面工具框里
右鍵工具欄空白,用戶自定義設置,第二個復選框,左側是工具樹,選中哪個右側會顯示工具圖標,找到你需要的拖到哪就在哪了。第一個復選里也能自己定義個空的工具條,把需要的拖裡面就有了。
⑸ 如何定製Foundation4頂部工具欄
先我們將需要最新版本的Foundation。解壓源碼包並且把所有的文件放置在你的工程或者測試目錄下。我們將直接使用index.html文件,創建一個style.css樣式文件將用來重寫頂部工具欄的樣式來達到自定義導航欄效果。
Foundation 4 默認樣式下載(譯者註:在翻譯此教程期間,Foundation已升級為第5版本。)
導航區間背景圖片
當然,下載完上面提供的背景圖片之後,我們把它放在img文件夾下,准備好了嗎?打開你最喜歡的編輯器然後讓我們開始吧!
搭起HTML結構
第一步:常用的模板
index.html文件裡面已經預包含一些HTML代碼。你可以保留<header>裡面的代碼,也可以保留所有的腳本(JavaScript)鏈接(放置在</body>標簽之前)。保留這些來確保Foundation的網格系統和頂部工具欄可以運行起來。
你可以刪掉其他內容代碼,我們將採用一種全部寬度的設計,這不是很復雜的,只是需要想到更好的辦法來處理它。
好的,我們將編寫header、導航、主內容和footer區域的內容,我們將給每個區域都添加class="full-width",然後再添加一個塊元素 <div class="row">,塊元素裡面再添加一個塊元素<div class="large-12 columns">,這也就是搭起基本的網格結構。
備註:更多關於網格系統如何運行的,可以回顧教程第二篇:初學者學習foundation:網格系統
<!-- HEADER AREA -->
<header class="full-width header-area">
<div class="row">
<div class="large-12 columns">
<h2>Foundation-4 Custom Top Bar</h2>
</div>
</div>
</header>
<!-- NAVIGATION AREA -->
<div class="full-width navigation-area">
<div class="row">
<div class="large-12 columns">
<nav class="top-bar"></nav>
</div>
</div>
</div>
<!-- CONTENT AREA -->
<div class="full-width content-area">
<div class="row">
<div class="large-12 columns">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, asperiores, voluptas, veniam commodi impedit tenetur dolores cumque facere explicabo esse quaerat veritatis laboriosam eius modi amet maxime non officia nemo? Iste, quisquam, voluptatum, dolor nam reiciendis unde aliquam numquam necessitatibus odio et perspiciatis facere nihil inventore ullam aspernatur corporis veritatis quia dolorum? Sed, hic, eos quis quibusdam eum aut optio repudiandae at! Eligendi, neque ratione alias enim quae magnam dolores esse pariatur earum laborum reiciendis nobis sunt sequi sapiente cimus iure ipsam. Sapiente, minima, rerum, facere quos saepe pariatur magni dolorem cum amet nemo quis laborum ipsa dignissimos cimus inventore modi rem cumque quibusdam quam asperiores! Optio, nobis suscipit molestias voluptas veritatis aspernatur accusamus excepturi rem quaerat impedit animi voluptate at facilis aliquid cum fugit labore omnis provident recusandae autem. Doloribus, mollitia quos officiis quas sapiente nam dolor praesentium maxime cupiditate illum? Rem, esse, nulla vitae adipisci sequi deleniti quasi!</p>
</div>
</div>
</div>
<!-- FOOTER AREA -->
<div class="full-width footer-area">
<div class="row">
<div class="large-12 columns">
© 2013
</div>
</div>
</div>
第二步:頂部工具欄標記
在編寫樣式之前,我們需要編寫出一些必須的HTML結構代碼使得Foundation頂部工具欄能夠正確地運行起來。因此需要5樣基礎元素使得引擎跑起來。
<nav class="top-bar">
<ul class="title-area">
<li class="toggle-topbar"> = 為了增強在手機布局上的菜單。
<section class="top-bar-section">
<ul class="left">和<ul class="right">
現在我們用這5樣基礎元素來搭建基礎框架並且實現功能。
備註:在此教程例子中,我們將創建一個自定義的導航菜單,因此刪除一些包括logo、文本和圖片的標題。因此從下面代碼例子可以看到在塊元素<ul class="title-area">里的<li class="name"></li>裡面是空的。
接著,我們來添加一些菜單元素和一個下拉菜單代碼,在你想添加下拉菜單的li元素里添加class="has-dropdown",然後在裡麵包含下拉菜單代碼 <ul class="dropdown">...</ul>。如果想表示當前使用狀態的li,則需要添加」active」。<ul class="right"><ul>裡面可以為空的,嵌入代碼中。一般情況下,你將會在這個空的ul里添加一個按鈕或者搜索欄。更多關於頂部工具欄,可看上一篇教程:初學者學習foundation:頂部工具欄
如下HTML代碼示例,其中的注釋會幫助你理解整體是如何運作的。
<!-- Nav Wrap -->
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name"></li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<!-- The Section wrap -->
<section class="top-bar-section">
<!-- Left Nav Section -->
<ul class="left">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Our procts</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Prices</a></li>
<li class="has-dropdown">
<a href="#">Features</a>
<ul class="dropdown">
<li><a href="#">Modalboxes</a></li>
<li><a href="#">Submenu's and navigation</a></li>
<li><a href="#">Price tables</a></li>
<li><a href="#">Buttons</a></li>
<li><a href="#">Button groups</a></li>
<li><a href="#">Labels, Keystrokes and Tooltips</a></li>
<li><a href="#">Alert boxes</a></li>
<li><a href="#">Columns</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
<!-- Right Nav Section -->
<ul class="right"></ul>
</section>
</nav>
第三步:目前效果
現在可以在你的瀏覽器上看到目前的效果,基於Foundation框架使用頂部工具欄我們已經創建一個水平菜單。為了方便把菜單放置到其他地方,而不是固定在瀏覽器的頂部,我們需要在以上代碼外層添加網格的<div>。
當你在調整瀏覽器窗口時,會發現菜單欄在預先設定的斷點發生改變。
接下來著手編寫自定義樣式,將關注如何去編寫頂部工具欄的樣式和可以使用哪些class。
編寫CSS
第一步:通用樣式
如果你還沒做好准備,可以創建一個css文件,命名為style.css並且放置到下載下來的Foundation工程下css文件夾下。但別忘記把此引用到index.html文件里。如下代碼示例:
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Foundation 4</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/vendor/custom.modernizr.js"></script>
</head>
這里如果你不把style.css放置在foundation.css下面,將不會覆蓋原來頂部工具欄的樣式。
很好,接下來我們要為header、導航、內容和footer寫一些基礎樣式,如導航塊,我們將添加一張已經下載好的背景圖。這些通用樣式一般不是很難去實現的,見如下代碼示例,我們添加一個class」full-width」到每個區域中,以致於每個區域的寬度都是占滿瀏覽器寬度的。
body {
background-color: #ccc;
}
/** Set the backgrounds for the different sections **/
.header-area {
background-color: #2d465c;
min-height: 160px;
}
.navigation-area {
background-image: url('../img/navigation-container.jpg');
background-repeat: repeat-x;
}
.content-area {
padding: 50px 0 70px 0;
}
.footer-area {
background-color: #1f1f1f;
color: #fff;
min-height: 50px;
padding: 20px 0 0 0;
}
.full-width {
min-width:100%;
position: relative;
}
h2 {
color: #fff;
font-weight: normal;
margin-top: 50px;
}
第二部:頂部工具欄樣式
現在看一下效果,會發現菜單會往外偏移一點,原因就是使用默認的樣式,接下來修復這個問題!
有一些樣式類是需要修改以達到想要的效果。首先,我們將在.top-bar和.top-bar-section li里移除黑背景,改變height(在導航區域內)和line-height為58px。如下代碼,可看注釋幫助理解。
/** Changes background color, height and margin of the border **/
.top-bar {
background: none;
height: 58px;
line-height: 58px;
margin-bottom: 0;
}
/** Removes black background on menu bar **/
.top-bar-section ul {
background: none;
text-transform: uppercase;
}
/** Removes black background on menu item **/
.top-bar-section li a:not(.button) {
background: none;
line-height: 58px;
padding: 0 27px;
}
我們已經移除黑背景了,並且適應高度、行高和內邊距,將文字轉化為大寫字母,這些都是為了適應我們自定義設計。
如果你進行刷新頁面,可以看到出現雛形了,我們繼續編寫下拉菜單、菜單子項目、激活(active)和滑鼠懸空(hover)的狀態的樣式吧。繼續往下看代碼示例,並閱讀注釋:
/** Changes the active menu item from default black to a gradient **/
.top-bar-section ul li.active > a {
background: rgb(0, 0, 0);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0 transparent;
color: #fff;
}
/** Changes the hover state of non active menu items **/
.top-bar-section li:hover a {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0 transparent;
color: #fff;
}
/** Changes non active menu items text color to black **/
.top-bar-section ul li > a {
color: #2d2d2d;
}
/** Changes the hover state of dropdown menu items **/
.top-bar-section ul.dropdown li a:hover:not(.button) {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}
/** IMPORTANT fill for the ul dropdown container **/
.top-bar-section ul.dropdown {
background: #333;
color: #fff;
}
/** This fixes the position and the color of the dropdown arrow **/
.top-bar-section .has-dropdown > a:after {
border-color: rgba(0, 0, 0, 1) transparent transparent;
margin-top: 2.5px;
}
我們已經改變菜單的好幾個地方(樣式),如首先,我們就改變激活(active)菜單默認的黑背景為「CSS漸變」,接著給不激活菜單添加hover狀態,並改變裡面的文字顏色為深灰色,目的是顯示得更為清晰。然後.top-bar-section li:hover 的樣式將使得下拉菜單里的子項目被滑鼠懸空時顯示特定效果。為了完善樣式,我們ul.dropdown
⑹ 如何定製浮動工具條
尤其是在MSDN上,你可以查閱到非常詳細的內容。為簡單起見,本文這里只將需要定製的代碼列出來。 第一步:創建一個MDI工程,一路都選擇默認選項。 第二步:在 CMainFrame 類的頭文件中添加下列方法以及變數聲明: // Operationspublic: void DockControlBarLeftOf(CToolBar* Bar, CToolBar* LeftOf); protected: // control bar embedded members CToolBar m_wndToolBar1; CToolBar m_wndToolBar2;第三步:在 CMainFrame 類實現文件中添加下列方法實現: void CMainFrame::DockControlBarLeftOf(CToolBar* Bar, CToolBar* LeftOf){ CRect rect; DWORD dw; UINT n; // 讓 MFC 調整所有浮動工具條的尺寸,以便GetWindowRect的到准確結果 RecalcLayout(TRUE); LeftOf-GetWindowRect(&rect); rect.OffsetRect(1,0); dw=LeftOf-GetBarStyle(); n = 0; n = (dw&CBRS_ALIGN_TOP) ? AFX_IDW_DOCKBAR_TOP : n; n = (dw&CBRS_ALIGN_BOTTOM && n==0) ? AFX_IDW_DOCKBAR_BOTTOM : n; n = (dw&CBRS_ALIGN_LEFT && n==0) ? AFX_IDW_DOCKBAR_LEFT : n; n = (dw&CBRS_ALIGN_RIGHT && n==0) ? AFX_IDW_DOCKBAR_RIGHT : n; // 當矩形使用默認參數時,DockControlBar 將在單獨的一行里浮動工具條, // 通過計算矩形的大小來模擬工具條拖動到指定位置實現浮動。 DockControlBar(Bar,n,&rect);}第四步:在 CMainFrame::OnCreate 中創建工具條: if (!m_wndToolBar1.CreateEx(this, TBSTYLE_FLAT | TBSTYLE_LIST, WS_CHILD | WS_VISIBLE | CBRS_TOP | CBRS_GRIPPER | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC) || !m_wndToolBar1.LoadToolBar(IDR_MAINFRAME)) { TRACE0(Failed to create toolbar\n); return -1; // fail to create } if (!m_wndToolBar2.CreateEx(this, TBSTYLE_FLAT | TBSTYLE_LIST, WS_CHILD | WS_VISIBLE | CBRS_TOP | CBRS_GRIPPER | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC) || !m_wndToolBar2.LoadToolBar(IDR_WINDOW)) { TRACE0(Failed to create toolbar\n); return -1; // fail to create } 用 DockControlBarLeftOf 調用代替 DockControlBar調用: m_wndToolBar1.EnableDocking(CBRS_ALIGN_ANY);m_wndToolBar2.EnableDocking(CBRS_ALIGN_ANY);EnableDocking(CBRS_ALIGN_ANY);DockControlBar(&m_wndToolBar1);DockControlBarLeftOf(&m_wndToolBar2,&m_wndToolBar1);第五步:要實現 m_wndToolBar1 和 m_wndToolBar2的浮動。
⑺ 表盤如何自定義工具
操作設備:小米10
設備系統:MIUI11
操作設備:小米運動5手環
step1、打開手機上的小米運動,如下圖所示:
⑻ cad2010如何自定義工具
你在CAD2010的最上面的工具欄的空白處右擊,然後所有的工具都出來了,你自己單擊就是了。
⑼ WinRAR如何定製工具欄
在WinRAR的工具欄上有不少的按鈕,其實,也可以自由地定製它:啟動WinRAR,按下Ctrl+S鍵,並在打開的ldquo;設置rdquo;對話框中選擇ldquo;常規rdquo;選項卡,點擊其中的ldquo;按鈕rdquo;按鈕就可以對工具欄上的按鈕和選擇一個文件後點擊右鍵出現的快捷菜單中的命令進行添加和刪除。經過一番設置,現在的WinRAR就更體貼你的使用習慣了。 軟體介紹 WinRAR是一款功能強大的壓縮包管理器,它是檔案工具RAR在Windows環境下的圖形界面。該軟體可用於備份數據,縮減電子郵件附件的大小,解壓縮從Internet上下載的RAR、ZIP 2.0及其它文件,並且可以新建RAR及ZIP格式的文件。
⑽ ug怎麼定製自己的工具條
UG界面-----工具------定製 再要據你的需要選擇。如果你想把某一個命令放到工具條上來,只需選中這個命令拖到你想放置的位置就可以了。