WPF 右上角帶數字的按鈕
效果如圖所示
三種方案,
1:不改控件模版,布局實現,死開
2:改button模版,利用附加屬性,附加附加屬性,功能多了話,不利於拓展
3:繼承button,添加依賴屬性,接下來是這種
1:新建類
為啥交LBSButton,因為是我帥帥的名字啊,
問我為啥截圖?因為方便啊,反正代碼等會也會放下面
讓我們添加一個屬性啊,右上角信息的內容,我這裏直接用的string類型的,如果你想要拓展可以用其他屬性,類似object做更多拓展
你可能問我為啥不用int類型的,反正上面都是數字
這裏涉及到一個問題,樣式的模版裏面使用的是templatedBinding 裏面必須類型一致才能匹配
對了,別忘了propdp快捷鍵
好了,我們處理樣式吧
打開app.xaml
1:引入命名空間,
xmlns:controls="clr-namespace:右上角帶數字的按鈕"
吐槽漢字的死開,只是demo
WPF 右上角帶數字的按鈕
相關推薦
WPF 右上角帶數字的按鈕
img temp opd space 讓我 漢字 xaml string類型 如圖所示 原文:WPF 右上角帶數字的按鈕效果如圖所示 三種方案, 1:不改控件模版,布局實現,死開 2:改button模版,利用附加屬性,附加附加屬性,功能多了話,不利於拓展 3:
WPF 帶清除按鈕的文字框SearchTextBox
基於TextBox的帶清除按鈕的搜尋框 樣式部分: <!--帶清除按鈕文字框--> <Style TargetType="{x:Type local:XSearchTextBox}"> <Setter Prop
python小項目之頭像右上角加數字
lin str true 屬性。 win hist nat pen white pillow介紹 一、Image類的屬性:1、Format 2、Mode 3、Size 4、Palette 5、Info 二、類的函數:1、New 2、Open
js物件屬性駝峰式命名(帶數字)轉下劃線命名
將類似於 info 格式轉化為 info2 var info = { id: 1, id1: 2, userName1: '劉玄德', userName2: '劉玄德', userName3: '大哥',
分頁控制元件中的數字按鈕計算方法
計算思想: 以當前頁碼為標杆,使用卡尺的思想,左移,右移,再左移,最後得到起始、結束位置的按鈕頁碼。 @{ var param = new { Page = 18, //當前頁 NumberButton = 5,//數字按鈕的個數
簡單網站側邊懸浮圖片帶關閉按鈕廣告程式碼
邯鄲生活網www.mlhd.org 最近在放一個側邊的廣告,網上看很多程式碼都很複雜,其實有一款比較簡單的程式碼,也不需要呼叫更多的檔案就可以,還帶關閉按鈕,足以滿足將圖片廣告放入網站的側邊,左側右側均可。 程式碼如下: <!-- 浮動廣告程式碼開始 --&g
C#自定義帶關閉按鈕的TabControl例項
網上有很多關於TabCcotrol繪 制關閉按鈕的程式碼,這裡是修改以後的支援image的顯示的例項 效果圖如下: 原始碼下載地址:http://download.csdn.net/download/flyking2/10182197 部分程式碼如下:
帶刪除按鈕的 EditText
一個帶刪除按鈕的 EditText 在各種 APP 中隨處可見,比如,搜尋框、登入時使用者名稱與密碼的輸入框等等。在沒有自己實現之前,想法是這樣的:在 EditText 中的新增一個 Drawable 然後給這個 Drawable 新增一個監聽事件,當點選 Drawable 時設定 Ed
Python中製作帶數字的進度條
簡單製作一個進度條,效果如下: 不多說,直接上程式碼: import time EACH_STEP_COST_TIME = 0.3 PROCESS_TOTAL_STEP = 40 def process_bar(current_state, total_state, bar_l
黃聰:浮動視窗程式碼(帶關閉按鈕+全屏漂浮)
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>帶關閉按鈕的浮動視窗程式碼(全屏漂浮)</title></head
帶搜尋框導航欄--帶提交按鈕
<!DOCTYPE html > <html> <head> <meta charset="utf-8"> <title>自學教程(如約智惠.com)</title> <meta
Android中對話方塊右上角關閉懸浮按鈕的實現(總結)
其實很簡單,步驟如下: 1、需要把對話方塊的預設背景改為透明。 方法:自定義Dialog的樣式。 <!--對話方塊透明背景--> <style name="Translucent_NoTitle" parent="android:style/Theme
移動開發---CircleProgress帶數字進度條
package com.message.skeul.mm.marks.main; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; imp
qchart 柱狀圖頂端帶數字顯示以及tooltip
最近做個小介面,之前有用過qchart雖然比qwt好用一點,但是bug還是有那麼些,總體還行吧。當前想實現的功能就是講資料以柱狀圖的形式實現,並且在柱狀圖的頂部顯示每個柱狀圖的資料,同時提供Tooltip功能。那麼就開始說說如何建立吧。 1、首先定義實現qchart物件 m_char=new
Android 自定義帶刪除按鈕的EditText
首先建立一個類 設定成EditTextWithDel,繼承EditText。 實現程式碼如下。 @SuppressLint("AppCompatCustomView") public class EditTextWithDel extends EditText { priv
MUI-list(列表),普通列表、帶箭頭列表、帶數字角標列表、帶圖文列表
本文主要介紹list(列表)的幾種展現形式:普通列表、帶箭頭列表、帶數字角標列表、帶圖文列表 效果圖如下: 1、普通列表:只需要在ul節點上新增.mui-table-view類、在li節點上新增.mui-table-view-cell類即可 2、帶箭頭列表:若右側需要增加導航箭
實現輸入框自帶清除按鈕
最近,專案中需要,在輸入框獲取焦點是動態顯示“×”圖示。即在輸入框中輸入內容時,右邊顯示“×”按鈕;輸入框為空時,“×”按鈕消失。難點在於獲取焦點的同時,獲取輸入內容。注意:本例子的樣式基於bootstrap.css和jquery,不再單獨新增樣式。1.html部分,將but
js動態建立多個input框帶刪除按鈕
<span style="font-size:24px;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert titl
Android輸入框帶刪除按鈕的自定義View
廢話不多說,用最少的程式碼來實現,記得弄一張名字叫 common_ic_delete 做完刪除的圖到drawable裡。 package com.aiitec.widgets; import android.content.Context; import and
Android EditText 自定義帶刪除按鈕
EditText裡面帶刪除按鈕在各種App裡面已經很常見了,如下: 所需的圖片資源: 下面直接貼上全部程式碼: public class ClearEditText extends EditText implements OnFocu