Condividi tramite


Classe StyleSheet

Organizza gli stili che vengono applicati ad altri controlli.

public class System.Web.UI.MobileControls.StyleSheet : 
   System.Web.UI.MobileControls.MobileControl

Osservazioni

Il controllo StyleSheet può contenere un numero qualsiasi di oggetti stile o più oggetti stile specializzati che ereditano dalla classe Style e che devono disporre di proprietà Namel univoche. È possibile fare riferimento ad altri controlli della stessa pagina in base alla rispettiva proprietà Name.

Questa classe non dispone di rappresentazione visiva.

In una pagina è possibile utilizzare anche un foglio di stile esterno, che può essere condiviso da diverse pagine. Per ulteriori informazioni sugli stili, fare riferimento all'elemento <Style> e all'argomento Stili.

Nota   Il controllo StyleSheet ignora i propri attributi di stile. L'impostazione di un attributo di stile nel controllo StyleSheet non avrà effetto sugli stili contenuti come elementi figlio all'interno del controllo StyleSheet.

Esempio

In questo esempio viene descritto come aggiungere le proprietà Style a un controllo StyleSheet durante l'evento di caricamento della pagina.

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="VB" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<script runat=server language="vb">

Protected Sub Page_Load(sender As Object, e As EventArgs)
   If Not IsPostBack Then
      StyleSheet1("Style1").ForeColor = _
                   System.Drawing.Color.Red
      StyleSheet1("Style1").Font.Size = _
                   System.Web.UI.MobileControls.FontSize.Large
      StyleSheet1("Style1").Font.Bold = _
                   BooleanOption.True
      StyleSheet1("Style1").Font.Italic = _
                   BooleanOption.True

      StyleSheet1("Style2").ForeColor = _
                   System.Drawing.Color.Blue
      StyleSheet1("Style2").Font.Size = _
                   System.Web.UI.MobileControls.FontSize.Normal
      StyleSheet1("Style2").Font.Bold = _
                   BooleanOption.False
      StyleSheet1("Style2").Font.Italic = _
                   BooleanOption.True

      StyleSheet1("Style3").ForeColor = _
                   System.Drawing.Color.Green
      StyleSheet1("Style3").Font.Size = _
                   System.Web.UI.MobileControls.FontSize.Small
      StyleSheet1("Style3").Font.Bold = _
                   BooleanOption.False
      StyleSheet1("Style3").Font.Italic = _
                   BooleanOption.False
   End If
End Sub

Sub SelectStyle(sender As Object, e As EventArgs)
   ' Retrieve the style name as a string.
   Dim myStyle As String
   myStyle = SelectionList1.Selection.ToString()

   ' Match the style name and apply the style to TextView1.
   Select (myStyle)
      Case "hot" 
         TextView1.StyleReference = "Style1"
      Case "medium" 
         TextView1.StyleReference = "Style2"
      Case "mild" 
         TextView1.StyleReference = "Style3"
   End Select
End Sub

</script>

<mobile:StyleSheet id="StyleSheet1" runat="server">
   <Style Name="Style1" Font-Name="Arial"
      BackColor="#E0E0E0" Wrapping="Wrap">
   </Style>
   <Style Name="Style2" Font-Name="Arial"
      BackColor="blue" Wrapping="NoWrap">
   </Style>
   <Style Name="Style3" Font-Name="Arial Narrow"
      BackColor="Green" Wrapping="NoWrap">
   </Style></mobile:StyleSheet>

<mobile:Form id="Form1" runat="server">
   <mobile:Label id="Label1" runat="server" Text="Today's Special" 
      StyleReference="title" />
   <mobile:TextView id="TextView1" runat="server" 
      StyleReference="Style1">
      Chili
   </mobile:TextView>

   <mobile:SelectionList runat="server" id="SelectionList1">
      <item Text="hot" Value="hot"/>
      <item Text="medium" Value="medium"/>
      <item Text="mild" Value="mild"/>
   </mobile:SelectionList>

   <mobile:Command runat="server" Text="Select Style" 
      OnClick="SelectStyle" />
</mobile:Form>
[C#]
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="c#" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<script runat=server language="c#">

protected void Page_Load(Object sender, EventArgs e)
{
   if (!IsPostBack)
   {
      StyleSheet1["Style1"].ForeColor =
                   System.Drawing.Color.Red;
      StyleSheet1["Style1"].Font.Size =
                   System.Web.UI.MobileControls.FontSize.Large;
      StyleSheet1["Style1"].Font.Bold =
                   BooleanOption.True;
      StyleSheet1["Style1"].Font.Italic =
                   BooleanOption.True;

      StyleSheet1["Style2"].ForeColor =
                   System.Drawing.Color.Blue;
      StyleSheet1["Style2"].Font.Size =
                   System.Web.UI.MobileControls.FontSize.Normal;
      StyleSheet1["Style2"].Font.Bold =
                   BooleanOption.False;
      StyleSheet1["Style2"].Font.Italic =
                   BooleanOption.True;

      StyleSheet1["Style3"].ForeColor =
                   System.Drawing.Color.Green;
      StyleSheet1["Style3"].Font.Size =
                   System.Web.UI.MobileControls.FontSize.Small;
      StyleSheet1["Style3"].Font.Bold =
                   BooleanOption.False;
      StyleSheet1["Style3"].Font.Italic =
                   BooleanOption.False;
   }
}

void SelectStyle(object sender, EventArgs e)
{
   // Retrieve the style name as a string.
   String myStyle = SelectionList1.Selection.ToString();

   // Match the style name and apply the style to TextView1.
   switch (myStyle)
   {
      case "hot": 
         TextView1.StyleReference = "Style1";
         break;
      case "medium": 
         TextView1.StyleReference = "Style2";
         break;
      case "mild": 
         TextView1.StyleReference = "Style3";
         break;
   }
}

</script>

<mobile:StyleSheet id="StyleSheet1" runat="server">
   <Style Name="Style1" Font-Name="Arial"
      BackColor="#E0E0E0" Wrapping="Wrap">
   </Style>
   <Style Name="Style2" Font-Name="Arial"
      BackColor="blue" Wrapping="NoWrap">
   </Style>
   <Style Name="Style3" Font-Name="Arial Narrow"
      BackColor="Green" Wrapping="NoWrap">
   </Style>
</mobile:StyleSheet>

<mobile:Form id="Form1" runat="server">
   <mobile:Label id="Label1" runat="server" Text="Today's Special" 
      StyleReference="title" />
   <mobile:TextView id="TextView1" runat="server" 
      StyleReference="Style1">
      Chili
   </mobile:TextView>

   <mobile:SelectionList runat="server" id="SelectionList1">
      <item Text="hot" Value="hot"/>
      <item Text="medium" Value="medium"/>
      <item Text="mild" Value="mild"/>
   </mobile:SelectionList>

   <mobile:Command runat="server" Text="Select Style" 
      OnClick="SelectStyle" />
</mobile:Form>

Requisiti

Spazio dei nomi: System.Web.UI.MobileControls

Assembly: System.Web.Mobile

Vedere anche

Controlli utente | Stili