標準控制項 亂數.

Presentation on theme: "標準控制項 亂數."— Presentation transcript:

1 標準控制項 亂數

2 ASP.NET標準伺服器控制項 HTML的物件基本上是在使用者端（Client端）的瀏覽器執行
<input id="Text1" type="text" /> <input id="Button1" type="button" value="button" />

3 〝標準伺服器控制項〞只是一種概念性的分類，將常用的控制項歸類在「標準控制項」之中
ASP.NET標準伺服器控制項 〝標準伺服器控制項〞只是一種概念性的分類，將常用的控制項歸類在「標準控制項」之中 標準控制項 Web Form表單 屬性視窗 拖曳 設定控制項屬性

4 屬性、事件與方法 ASP.NET伺服器控制項內建眾多屬性、事件與方法
屬性：屬性是控制項種種的特性，比如說顏色、長、寬大小等特性，這些都歸類在屬性之中。 事件：事件是指控制項面對不同狀況發生時，提供相對應的程式處理，做法是在事件處理常式中撰寫自訂的程式。 方法：方法是控制項所支援的一些執行功能，一個控制項本身多半都會內建許多相關方法，例如：ToString()方法就是進行轉換成字串的功能。

5 VS 2010工具箱的控制項分類

6 Label控制項 Label伺服器控制項主要用途是顯示文字資訊。 Label控制項屬性

7 幾乎所有ASP.NET控制項的屬性設定或調整，都可以用下兩種方式：
透過【屬性視窗】調整屬性：在Web Form畫面設計時，透過【屬性視窗】調整與設定控制項屬性。 透過程式設計調整屬性：透過C# 或VB程式動態改變控制項屬性。 以程式設定Label控制項屬性 //透過C#程式設定控制項屬性 txtPrg.Text = "這是以程式動態設定Label控制項的屬性"; txtPrg.ToolTip = "程式動態設定Label控制項"; txtPrg.ForeColor = Color.Aqua; txtPrg.BackColor = Color.Orange; txtPrg.Font.Name = "標楷體"; txtPrg.Font.Size = FontUnit.XLarge;

8 Button控制項 Button伺服器控制項多半是和其他控制項做搭配
例如：改變Label、TextBox、DropDownList、GridView等伺服器控制項的屬性或狀態，或是執行特定程式碼。 Button控制項屬性 Button伺服器控制項屬性除了ID、Text、Visible、ForeColor、BackColor、Height、Width與ToolTip之外，尚包括下表幾個常用屬性。而這些屬性在稍微深入的程式設計中比較常用到。

9 Button控制項屬性

10 建立Button按鈕之Click事件程式
//導向另一個網頁 protected void btnOK_Click(object sender, EventArgs e) { //傳統寫法 Response.Redirect("ShowData.aspx?ID=" + txtID.Text + "&Password=" txtPassword.Text + "&Msg=" + txtMsg.Text); //使用字串參數的型式 Response.Redirect(string.Format("ShowData.aspx?ID={0}&Password={1}& Msg={2}", txtID.Text, txtPassword.Text, txtMsg.Text)); }

11 TextBox及Button控制項的運用

12 亂數 隨機產生亂數 Random類別支援的方法： Next ：傳回亂數。多載 NextDouble：傳回 0.0 到 1.0 之間的亂數
Next(n) ：傳回 0 到 n-1 的亂數。 Next(m, n) ：傳回 m 到 n-1的亂數

13 練習 建立按鈕，按下後產生10個亂數

14 亂數 產生1到49的亂數 Random ran = new Random(); ran.next(1,50);
上述方法僅參照「亂數表」，每次執行結果會相同。 使用「種子」可增加亂度 Random ran = new Randow(DateTime.Now.Second);

15 DropDownList控制項 DropDownList是下拉式清單伺服器控制項 DropDownList控制項屬性
DropDownList伺服器控制項屬性除了ID、Text、Visible、ForeColor、BackColor、Height、Width與ToolTip之外，尚包括下表幾個常用屬性。

16 DropDownList控制項常用屬性

17 DropDownList控制項事件 DropDownList控制項最常用事件SelectedIndexChanged 以屬性視窗預先建立DropDownList控制項之項目 在屬性視窗中點選DropDownList控制項之【Items】屬性在ListItem集合編輯器中加入四個成員：居住地區、美國、大陸、台灣

18 編輯DropDownList成員項目

19 以程式建立地區及城市DropDownList控制項之間的連動
dwnCity.Items.Add(new ListItem("===請選擇城市===", "0")); dwnCity.Items.Add(new ListItem("紐約","1")); dwnCity.Items.Add(new ListItem("芝加哥","2")); dwnCity.Items.Add(new ListItem("拉斯維加斯","3")); dwnCity.Enabled = true; DropDownList控制項的應用

20 CheckBox與CheckBoxList控制項
前者提供單一的核取方塊選項 後者提供多重核取方塊選項 。 CheckBox控制項 CheckBox伺服器控制項就是所謂的核取方塊， 若使用者選取CheckBox，則Checked屬性為真（true），若CheckBox無選取，則Checked屬性為假（false）。

21 CheckBoxList控制項事件 } for (int i = 0; i < cbxHabits.Items.Count; i++)
{ //判斷CheckBoxList項目是否被選取 if (cbxHabits.Items[i].Selected == true) //若被選取，則加入興趣文字列表 txtMsg.Text += counter + "." + cbxHabits.Items[i].Text + "<BR/>"; counter++; }

22 RadioButton與RadioButtonList 控制項
前者提供單一的選項按鈕 後者提供多重的選項按鈕 。 RadioButton控制項 RadioButton伺服器控制項就是所謂的個別選項按鈕，其主要用途是供使用者從預設的選項按鈕清單中選取一個項目。

23 最高學歷之按鈕選項執行畫面 RadioButtonList控制項就是所謂的群組選項按鈕，其功用與RadioButton伺服器控制項差不多。 因其本身預設就是一個群組，所以不必像RadioButton控制項還需另外設定GroupName屬性才能達到互斥效果。

24 RadioButtonList控制項事件
txtMsg.Text = "您的血型為：" + rdoBlood.SelectedItem.Text;

25 Calendar日曆控制項 Calendar日曆控制項主要用途是在網頁上顯示日曆，讓使用者檢視及選取日期。且在Calendar日曆方格中還可以顯示約會或其他資訊。

26 Calendar控制項事件 Calendar控制項日期之選擇

27 Panel控制項 Panel控制項是一個容器的概念，可將其他控制項放到Panel控制項之中。而將其他控制項加入到Panel的方式有兩種，一是設計階段事先將控制項拖曳放到Panel之中，另一種方式是透過程式動態加入控制項。 Panel控制項最有用的兩個功能是： 透過程式動態加入控制項到Panel之中  Panel控制項本身具備捲軸（Scrollbar）功能。

28 TextBox t1 = new TextBox();
t1.Text = "動態加入第一個TextBox"; t1.BackColor = Color.LightBlue; //將TextBox控制項加入到Panel之中 Panel1.Controls.Add(t1);

29 利用ASP.NET程式偵測瀏覽器的 版本類型資訊
System.Web.HttpBrowserCapabilities browser = Request.Browser; StringBuilder info = new StringBuilder(); info.Append( "<ul>"); info.Append(String.Format("<li>名稱：{0}</li>", browser.Browser)); info.Append(String.Format("<li>版本：{0}</li>", browser.Version)); info.Append(String.Format("<li>名稱與版本：{0}</li>", browser.Type)); info.Append(String.Format("<li>主要版本：{0}</li>", browser.MajorVersion)); info.Append(String.Format("<li>次要版本：{0}</li>", browser.MinorVersion)); info.Append(String.Format("<li>用戶端使用的平台名稱：{0}</li>",browser.Platform));

30

31 本章結束