C#使用Xamarin开发可移植移动应用(3.Xamarin.Views控件)附源码
.NET core2.0 發(fā)布了,刺激,大致看了一下,很不錯,打算后期學習.(不出意外,應(yīng)該也會寫個小系列).
雖然官方推薦用共享類庫創(chuàng)建新的類庫..然而我這個Demo還是使用的可移植..
嗯..解釋一下 為什么暫時沒用共享類庫..
有些小BUG 可能是為了迎合其他類型的項目..所以在共享類庫里創(chuàng)建的Page并不能很好的結(jié)合 - - 類似如下:
? 正常的應(yīng)該是這樣
呃其實我前面也說過這個,這個解決方案也很簡單..在PCL項目里創(chuàng)建了..在復制過去..就好了..就是正常的..類似下面:
今天的學習內(nèi)容?
嗯..今天主要學習Xamarin中的各種原裝控件
比較多..你們可以不看..或者隨便看看..我會把這些控件的相關(guān)屬性都翻譯一下,列出來,就當這是一個控件的查詢字典吧..
效果如下:
?
?
?
?
正文
1.ActivityIndicator
嗯,其實就是一個加載的圈..如圖:
推薦場景..例如下拉刷新,或者上拉加載的時候,可以顯示出來.
常用屬性:
Color | 顏色屬性,可以設(shè)置顏色 例如,“Color.Red”和“Red”都指定顏色為紅色。 |
IsRunning | ?Bool值,表示這個圈圈是否在轉(zhuǎn)動. |
示例代碼:
<ActivityIndicator Color="Red" IsRunning="true" x:Name="Loading" />?
2.BoxView
標識一個色塊,作用有點類似于HTML里面的DIV..嗯 你可以繼承它 做一些自定義的東西.也可以用來填充
?
常用屬性:
Color | 顏色屬性,指定色塊的顏色. |
?
示例代碼:
<BoxView Color="Red" x:Name="Box" WidthRequest="20" HeightRequest="20" />?
3.Button
這..我就不多說了,按鈕..你們懂的
?
常用屬性:
BorderColor | 邊框顏色. |
| ? BorderRadius ? | ?設(shè)置邊框的圓角 |
| ?BorderWidth | ?邊框?qū)挾?/td> |
| ?Command | ?命令,獲取或設(shè)置激活該按鈕時要調(diào)用的命令。這是一個可綁定的屬性。 |
| ?CommandParameter | ?命令參數(shù),獲取或設(shè)置要傳遞給Command屬性的參數(shù)。這是一個可綁定的屬性。 |
| ?ContentLayout | 獲取或設(shè)置一個對象來控制按鈕圖像的位置以及按鈕圖像與按鈕文本之間的間距。 |
| ?Font | ?獲取或設(shè)置標簽文本的字體。這是一個可綁定的屬性。 |
| ?FontAttributes | ?獲取一個值,該值指示按鈕文本的字體是粗體還是斜體. |
| ?FontFamily | ?獲取按鈕文本的字體所屬的字體. |
| ?FontSize | ?獲取或設(shè)置按鈕文本的字體大小。 |
| ?Image | ?獲取或設(shè)置按鈕中顯示在文字旁邊的圖像。這是一個可綁定的屬性。 |
| ?Text | ?獲取或設(shè)置顯示為按鈕內(nèi)容的文本。這是一個可綁定的屬性。 |
| ?TextColor | ?獲取或設(shè)置按鈕文本的顏色。這是一個可綁定的屬性。 |
| ?Clicked | ?設(shè)置按鈕的點擊事件 |
?
示例代碼:
?
<Button Text="測試按鈕" TextColor="Red" BackgroundColor="Blue" BorderRadius="10" HeightRequest="80" Clicked="Button_Clicked"/>?
4.DatePicker
日期選擇器,提供給用戶選擇日期使用.
?
常用屬性:
Format | 指定控制所選日期的顯示格式的字符串。如:"yyyy-MM-dd" |
Date | 設(shè)置默認顯示的日期 |
MinimumDate | 設(shè)置最小可選擇的日期 |
MaximumDate | 設(shè)置最大可選擇的日期 |
示例代碼:?
?
?
5.TimePicker
時間選擇器,提供給用戶選擇時間使用.
?
常用屬性:
Format | 指定控制所選時間的顯示格式的字符串。如:"ss" |
TextColor | 設(shè)置顯示文本的顏色 |
Time | 設(shè)置默認選中的時間 |
示例代碼:?
<TimePicker TextColor="Blue" />
?
6.Editor
一個文本編輯框,類似于html的textarea
?
常用屬性:
FontAttributes | 獲取一個值,該值指示編輯器的字體是粗體,斜體還是不顯示 |
FontFamily | 獲取編輯器的字體所屬的字體. |
FontSize | 獲取編輯器的字體大小。 |
Text | 獲取或設(shè)置顯示的文本。這是一個可綁定的屬性。 |
| TextColor | 獲取或設(shè)置文本顏色。 |
示例代碼:?
<Editor WidthRequest="50" HeightRequest="200" />
?
7.Entry
一個文本輸入框,類似于html的input 的text
?
常用屬性:
IsPassword | 設(shè)置Entry是否為密碼狀態(tài).是則輸入的內(nèi)容顯示* |
Placeholder | 設(shè)置默認的輸入框灰色提示信息, |
Text | 獲取或設(shè)置顯示的文本。這是一個可綁定的屬性。 |
TextColor | 獲取設(shè)置字體的顏色 |
示例代碼:?
?
<Entry Text="內(nèi)容" />?
8.Image
一個圖片控件,主要作用就是顯示圖片..
?
常用屬性:
Aspect | 獲取或設(shè)置圖像的縮放模式。這是一個枚舉 |
IsLoading | 獲取圖像的加載狀態(tài)。(這是一個只讀屬性) |
IsOpaque | 獲取或設(shè)置圖像的不透明度標志。 |
Source | 獲取或設(shè)置圖像的源。圖片源有很多種,可以來自于文件,圖片流,或者URL |
示例代碼:?
?
<Image ?Source="icon.png" />??
9.Label
顯示文本專用..這個.大家都熟悉..我就不BB了 - -?
?
常用屬性:
FontAttributes | 獲取一個值,該值指示編輯器的字體是粗體,斜體還是不顯示 |
FontFamily | 獲取編輯器的字體所屬的字體. |
FontSize | 字體大小 |
Text | 文本內(nèi)容 |
| TextColor | 文本顏色 |
| HorizontalTextAlignment | 獲取或設(shè)置Text水平對齊方式。 |
| VerticalTextAlignment | 獲取或設(shè)置Text垂直對齊方式。 |
| LineBreakMode | 設(shè)置行的排列方式(枚舉) |
示例代碼:?
?
<Label Text="LableText"/>?
?
10.Picker
這個,大家也應(yīng)該很熟悉,就是HTML的Select, 下拉列表
?
常用屬性:
Items | 下拉列表的內(nèi)容(字符串集合) |
SelectedIndex | 獲取或設(shè)置選中值的下標 |
SelectedItem | 獲取選中值的內(nèi)容 |
Title | 設(shè)置選擇框的標題 |
示例代碼:?
?
<Picker x:Name="Pickeritem" Title="adasasdwww"/>??
11.ProgressBar
嗯..很簡單..加載進度條.
?
常用屬性:
Progress | 設(shè)置進度條的加載進度.. ?1為滿值 .5為50% |
示例代碼:?
<ProgressBar Progress=".5" />
??
12.SearchBar
一個搜索欄
?
常用屬性:
CancelButtonColor | 搜索欄顏色 |
Placeholder | 搜索欄為空時的默認文本 |
SearchCommand | 搜索命令 |
Text | 搜索欄的文本值 ? |
SearchButtonPressed | 搜索欄的搜索事件 |
示例代碼:?
<SearchBar Text="搜索" SearchButtonPressed="SearchBar_SearchButtonPressed"/>?
?
13.Slider
一個滑塊..
?
常用屬性:
Maximum | 滑塊能選擇的最大值 |
Minimum | 最小值 |
Value | 滑塊的值 |
示例代碼:?
<Slider Maximum="50" Minimum="10" Value="10" />?
?
?
14.Switch
一個開關(guān).
?
常用屬性:
IsToggled | True或False,以指示開關(guān)是否已經(jīng)切換。 |
Toggled | 開關(guān)切換觸發(fā)的事件 |
示例代碼:?
<Switch ?IsToggled="True" Toggled="Switch_Toggled_1"></Switch>?
?
?
15.Stepper
一個數(shù)值選擇器,
?
?
?
常用屬性:
Increment | 增量值,就是點擊一下,加多少,或者減多少。 |
Maximum | 最大值 |
Minimum | 最小值 |
| Value | 默認值 |
| ValueChanged | 值改變觸發(fā)的事件 |
示例代碼:?
<Stepper Increment="10" Maximum="100" Minimum="0" Value="20" ValueChanged="Stepper_ValueChanged" />相關(guān)文章:?
C#使用Xamarin開發(fā)可移植移動應(yīng)用(1.入門與Xamarin.Forms頁面),附源碼
.NET Standard@Xamarin.Forms
C#使用Xamarin開發(fā)可移植移動應(yīng)用(2.Xamarin.Forms布局,本篇很長,注意)附源碼
原文地址:http://www.cnblogs.com/GuZhenYin/p/7372366.html
.NET社區(qū)新聞,深度好文,微信中搜索dotNET跨平臺或掃描二維碼關(guān)注
總結(jié)
以上是生活随笔為你收集整理的C#使用Xamarin开发可移植移动应用(3.Xamarin.Views控件)附源码的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ASP.NET Core - 关于标签帮
- 下一篇: .NET Core 2.0 的dll实时