Bu adım adım kılavuzda, aygıta özel şablonları için taşınabilir aygıt Web Forms denetimleri oluşturmak açıklamaktadır. Bu bir işlemdir. Ilk denetim için bir veya daha fazla aygıt filtrelerinin atamanız gerekir. Ikinci olarak, her aygıtın süzgeç ile ilişkili olan aygıta özel bir şablon oluşturmanız gerekir. Bu makalede, Microsoft Visual Studio. NET'in ve Mobile ınternet Toolkit ile Mobile ınternet Designer kurduğunuz varsayar.
BT uzmanları, Mobile ınternet Toolkit, masaüstü bilgisayarlara ve Kablosuz Taşınabilir aygıtlar için Web sitelerini dağıtmak için kullanabilirsiniz. Bu aygıtlar, Web telefonlar el kişisel bilgisayarlar için değişebilir. Mobile ınternet Toolkit, Web sayfalarınızda kullandığınız taşınabilir sunucu denetimleri içerir. (Bunlar da taşınabilir aygıt Web Forms denetimleri adlandırılır) bir taşınabilir aygıt denetimleri, aygıt türü uygulama gözatmak için kullanılan algılama. Bu denetimler, o algılamayı bağlı olarak, belirli bir aygıt için uygun bir işaretleme dili göster. Örneğin, bir kullanıcı, bir kablosuz biçimlendirme dili (WML) aygıtı kullanarak tarama, mobil denetimler kullanıcının aygıta WML göster.
Mobil aygıtlar, görüntüleme yetenekleri, çok çeşitli olduğundan, Web sayfalarınızın belirli aygıtlar için çıkış'ı özelleştirmek gerekebilir. Bunu yapmak için bir uygulama gözatmak için kullanılan bir aygıt türüne bağlı olarak bir taşınabilir aygıt denetimleri için farklı şablonlar kullanarak yoludur.
Gereksinimler
- Visual Studio .NET
- Mobil ınternet araç takımı
Aygıt filtreleri tanımlama
- Mobile Web formunuz üzerinde filtre uygulanacak Mobile Web Form denetimi'ni tıklatın.
- Özellikler penceresinde AppliedDeviceFilters</a0> özelliğinin yanındaki da üç nokta düğmesini tıklatın. Aygıt süzgeçleri uygulama iletişim kutusu görüntülenir.
- Oluşturmak veya filtre değiştirmek için Düzenle ' yi tıklatın. <a0>Aygıt süzgeç Düzenleyicisi</a0> iletişim kutusu görüntülenir.
- Yeni bir aygıt süzgeç'i tıklatın:
- Yeni aygıt filtresi tıklatmak.
- Yeni filtre adını yazarak. Süzgeç adları büyük/küçük harf duyarlı olduğunu unutmayın.
- Süzgeç türü tıklatarak (örneğin, Eşitlik karşılaştırma tıklatın) ve sonra da karşılaştırma ve değişken kutularına uygun bilgileri yazarak.
- Aygıt filtrelerinin (Web.config) uygulama yapılandırma dosyasında kaydedilen tanımlamak üzere Yukarı Ok ve Aşağı Ok düğmelerini kullanın.
- Aygıt filtrelerinin uygulama yapılandırma dosyasına kaydetmek için Tamam ' ı tıklatın ve sonra da <a0>Aygıt süzgeç Düzenleyici</a0> iletişim kutusunu kapatın.
Aygıt süzgeçleri uygulama
- Filtre uygulanacak denetimi'ni tıklatın.
- Özellikler penceresinde AppliedDeviceFilters</a0> özelliğinin yanındaki da üç nokta düğmesini tıklatın. Mobile ınternet Designer, <a0>Aygıt Filtre Uygulandı</a0> iletişim kutusunu görüntüler.
- Kullanılabilir aygıt filtre kutusunda tüm uygulama düzeyinde tanımlanan aygıt filtrelerinin içerir. Aygıt, kullanmak istediğiniz filtreyi tıklatın veya taşınabilir Web Forms sayfanın arka planda kodlama dosyasında tanımlanan bir değerlendirici temsilci yöntemin adını yazın.
- Liste için Ekle ' yi tıklatın. Seçili aygıt süzgeç'i veya yöntem adı, Aygıt filtre uygulanmış listeden dahil edilir.
- Aygıt Filtre Uygulandı</a0> kutusunda, yeni aygıt süzgeç'i tıklatın.
- Bağımsız değişken kutusuna bağımsız değişken isteğe bağlı bir aygıt süzgeç yazın. Karşılaştırma süzgeçler için bağımsız değişken değeri Aygıt süzgeç Düzenleyici</a1> iletişim kutusunda tanımlanan ve Web.config dosyasında değiştirir. Temsilci dayanan süzgeçler için bağımsız değişken yönteme geçirildi. Bir bağımsız değişkeni belirtmezseniz, boş (null) değer kullanılır.
- Uygulanan aygıt filtrelerini sıralamak için Yukarı Ok ve Aşağı Ok düğmelerini kullanın. Çalışma zamanında uygulamanın süzgeçler tek tek üstünden altına sınar. Hangi özellik kümesi uygulamanın kullandığı değerleri geçersiz kılar başarılı bir değerlendirme sonuçlarını ilk aygıt filtresini belirler.
- Uygulanan aygıt süzgeçleri</a0> iletişim kutusunu kapatmak için Tamam ' ı tıklatın.
Bir uygulanan aygıt süzgeç seçme
- Şablonları'nı destekleyen herhangi bir mobil denetimi sağ tıklatın ve Templating seçenekler ' i tıklatın. <a0>Templating seçenekleri</a0> iletişim kutusu görüntülenir.
- Aygıt Filtre Uygulandı</a0> kutusunda bir filtreyi tıklatın.
- Isteğe bağlı olarak tıklatın veya bir i?aretleme dili şema Biçimlendirme Schema kutusunda yazın. Belirttiğiniz bilgileri yalnızca Mobile ınternet Designer tarafından kullanılır ve zamanında hiçbir etkisi olmaz. Bu, HTML görünümünde Microsoft ıntellisense teknolojisi kullanılır.
- <a0>Templating seçenekleri</a0> iletişim kutusunu kapatın. Bunu yaptığınızda, Tasarımcı TemplateDeviceFilter özelliği denetimin Aygıt filtre uygulanan kutusunda belirtilen aygıt süzgecinin adını ayarlar. Seçili denetim, sonra şablonu düzenleme modu için hazırdır.
Şablonları düzenleme
- Kısayol menüsünde, Şablonu Düzenle'yi tıklatın. Seçili denetimin destekleyen özelleştirilebilir şablonlar listesini görürsünüz.
- Düzenle</a0> menüsünde, düzenlemek istediğiniz şablonu tıklatın.
- Çoğu şablon, doğrudan şablonuna metin yazın veya denetimleri araç Kutusu'ndan sürükleyin ve sonra da içerdikleri bilgiler biçimlendirilecek özelliklerini ayarlayın. Örneğin, aşağıdakileri yapabilirsiniz:
- Bir etiket denetimi üstbilgisi şablona sürükleyin. Denetimde üstbilgi metni yazın ve sonra da özelliklerini yapılandırabilirsiniz. Örneğin, ön plan rengini değiştirebilirsiniz.
- Bir resim denetimine bir ayırıcı şablona sürükleyin. Sonra ımageurl özelliği için kullanmak istediğiniz ayırıcı Web grafik dosyası bağlamak için de kullanabilirsiniz.
- Bitirdiğinizde, kısayol menüsünden <a1>Şablon son düzenleme</a1> seçeneğini tıklatın.