Xamarin.Forms Görünümler

Örneği indirin

görünümler, platformlar arası mobil kullanıcı arabirimlerinin yapı taşlarıdır.

Görünümler, diğer grafik programlama ortamlarında Denetim veya pencere öğeleri olarak bilinen Etiketler, düğmeler ve kaydırıcılar gibi kullanıcı arabirimi nesneleridir. Tüm tarafından desteklenen görünümler Xamarin.FormsView sınıfından türetilir. Bunlar, çeşitli kategorilere ayrılabilir:

Sunuma yönelik görünümler

Tür	Description	Görünüm
BoxView	BoxViewBoxView "Data-LinkType =" Absolute-path ">özelliği _BoxView_Color Xamarin_Forms renkli düz bir dikdörtgen görüntüler Color . BoxView , 40x40 varsayılan boyut isteğine sahiptir. Diğer boyutlar için, "Data-LinkType =" Absolute-path ">WidthRequest ve Xamarin_Forms WidthRequest _VisualElement_HeightRequest" Data-LinkType = "absolute-path" >HeightRequest özellikleri _VisualElement_WidthRequest Xamarin_Forms atayın. API belgeleriKılavuzuÖrnek 1, 2, 3, 4, 5ve 6	örnek örneği Bu sayfa için C# kodu XAML sayfası
Ellipse	EllipseEllipse "Data-LinkType =" Absolute-path ">WidthRequest x Xamarin_Forms _VisualElement_HeightRequest" Data-linktype = "mutlak yol" >_VisualElement_WidthRequest HeightRequest Xamarin_Forms bir elips veya daire görüntüler. Elipsin içini boyamak için, Xamarin_Forms _Shapes_Shape_Fill "Data-LinkType =" Absolute-path ">Fill özelliğini olarak ayarlayın Color . Elips için bir ana hat vermek üzere, _Shapes_Shape_Stroke Xamarin_Forms "Data-LinkType =" Absolute-path ">Stroke özelliğini bir olarak ayarlayın Color . API belgeleriKılavuzuÖrnek	örneği Bu sayfa için C# kodu XAML sayfası
Label	Label sabit veya değişken biçimlendirme ile tek satırlı metin dizelerini veya çok satırlı metin bloklarını görüntüler. "Data-LinkType =" Absolute-path ">özelliğini Xamarin_Forms _Label_Text, Text sabit biçimlendirme için bir dizeye ayarlayın veya Xamarin_Forms Text _Label_FormattedText" Data-LinkType = "Absolute-path" >FormattedText özelliğini FormattedString değişken biçimlendirme için bir nesne olarak ayarlayın. API belgeleriKılavuzuÖrnek	örnek etiketi örnek Bu sayfa için C# kodu XAML sayfası
Line	Line başlangıç noktasından bir bitiş noktasına bir çizgi görüntüler. Başlangıç noktası Xamarin_Forms _Shapes_Line_X1 "Data-LinkType =" Absolute-path ">ve Xamarin_Forms _Shapes_Line_Y1" Data-LinkType = "Absolute-path" >özellikleri ile temsil edilirken bitiş noktası Xamarin_Forms _Shapes_Line_X2 "Data-LinkType =" Absolute-path ">X1X1Y1X2 ve Xamarin_Forms _Shapes_Line_Y2 " Data-LinkType = "Absolute-Path Y2 " >özellikleri ile temsil edilir. Çizgiyi renklendirmek için, Xamarin_Forms _Shapes_Shape_Stroke "Data-LinkType =" Absolute-path ">Stroke özelliğini olarak ayarlayın Color . API belgeleriKılavuzuÖrnek	örnek satırı örnek Bu sayfa için C# kodu XAML sayfası
Image	Image bit eşlem görüntüler. Bit eşlemler Web üzerinden indirilebilir, ortak proje veya platform projelerine kaynak olarak eklenmiş veya bir .NET nesnesi kullanılarak oluşturulmuş olabilir Stream . API belgeleriKılavuzuÖrnek	Bu sayfa için C# kodu XAML sayfası
Map	Map bir harita görüntüler. . Haritalar NuGet paketi yüklü olmalıdır. Android ve Evrensel Windows Platformu eşleme yetkilendirme anahtarı gerektirir. API belgeleriKılavuzuÖrnek	örnek eşleme örnek Bu sayfa için C# kodu XAML sayfası
OpenGLView	OpenGLView iOS ve Android projelerinde OpenGL grafikleri görüntüler. Evrensel Windows Platformu için destek yoktur. İOS ve Android projeleri, opentk-1,0 derlemesine veya opentk sürüm 1.0.0.0 derlemesine bir başvuru gerektirir. OpenGLView, paylaşılan bir Project kullanımı daha kolaydır; bir .NET Standard kitaplığında kullanılırsa, bir bağımlılık hizmeti de gereklidir (örnek kodda gösterildiği gibi). Bu, içinde yerleşik olan tek grafik olanakdır Xamarin.Forms , ancak bir Xamarin.Forms uygulama, veya kullanarak grafikleri de işleyebilir SkiaSharpUrhoSharp . API Belgeleri	örneği Bu sayfa için C# kodu Arka plan kodluXAML sayfası
Path	Path eğrileri ve karmaşık şekilleri görüntüler. Xamarin_Forms _Shapes_Path_Data "Data-LinkType =" Absolute-Path ">Data özelliği çizilecek şekli belirtir. Şekli renklendirmek için, Xamarin_Forms _Shapes_Shape_Stroke "Data-LinkType =" Absolute-path ">Stroke özelliğini olarak ayarlayın Color . API belgeleriKılavuzuÖrnek	örneği Bu sayfa için C# kodu XAML sayfası
Polygon	Polygon bir çokgen görüntüler. Xamarin_Forms _Shapes_Polygon_Points "Data-LinkType =" Absolute-path ">Points özelliği çokgenin köşe noktalarını belirtir. ancak Xamarin_Forms Points _Shapes_Polygon_FillRule" Data-LinkType = "Absolute-path" >FillRule özelliği, çokgenin iç dolgusunun nasıl belirlendiğini belirtir. Poligonun içini boyamak için, Xamarin_Forms _Shapes_Shape_Fill "Data-LinkType =" Absolute-path ">Fill özelliğini olarak ayarlayın Color . Çokgen bir ana hat sağlamak için, _Shapes_Shape_Stroke Xamarin_Forms "Data-LinkType =" Absolute-path ">Stroke özelliğini bir olarak ayarlayın Color . API belgeleriKılavuzuÖrnek	örneği Bu sayfa için C# kodu XAML sayfası
Polyline	Polyline bir dizi bağlantılı düz çizgi görüntüler. Xamarin_Forms _Shapes_Polygon_Points "Data-LinkType =" Absolute-path ">Points özelliği, çoklu çizginin köşe noktalarını belirtir. ancak Xamarin_Forms Points _Shapes_Polygon_FillRule" Data-LinkType = "Absolute-path" >FillRule özelliği, çoklu çizginin iç dolgusunun nasıl belirlendiğini belirtir. Çoklu çizginin içini boyamak için, Xamarin_Forms _Shapes_Shape_Fill "Data-LinkType =" Absolute-path ">Fill özelliğini olarak ayarlayın Color . Çoklu çizgiye bir ana hat vermek için, Xamarin_Forms _Shapes_Shape_Stroke "Data-LinkType =" Absolute-path ">Stroke özelliğini olarak ayarlayın Color . API belgeleriKılavuzuÖrnek	örnek Bu sayfa için C# kodu XAML sayfası
Rectangle	Rectangle bir dikdörtgen veya kare görüntüler. Dikdörtgenin içini boyamak için, Xamarin_Forms _Shapes_Shape_Fill "Data-LinkType =" Absolute-path ">Fill özelliğini olarak ayarlayın Color . Dikdörtgene bir ana hat vermek için, Xamarin_Forms _Shapes_Shape_Stroke "Data-LinkType =" Absolute-path ">Stroke özelliğini olarak ayarlayın Color . API belgeleriKılavuzuÖrnek	örnek örneği Bu sayfa için C# kodu XAML sayfası
WebView	WebViewWebView _WebView_Source "Data-LinkType =" Absolute-path ">Source özelliğinin bir veya bir nesne olarak ayarlanmış UriWebViewSourceHtmlWebViewSource olup Xamarin_Forms OLMADıĞıNA bağlı olarak Web sayfalarını veya HTML içeriğini görüntüler. API belgeleriKılavuzuÖrnek 1 ve 2	örneği Bu sayfa için C# kodu XAML sayfası

Komutları başlatan görünümler

Tür	Description	Görünüm
Button	Button , metin görüntüleyen ve basıldığında bir olayı harekete uygulayan dikdörtgen bir nesnedir Clicked . API belgeleriKılavuzuÖrnek	Bu sayfa için C# kodu Arka plan kodluXAML sayfası
ImageButton	ImageButton , bir resmi görüntüleyen ve basıldığında bir olayı harekete uygulayan dikdörtgen bir nesnedir Clicked . API belgeleriKılavuzuÖrnek	ImageButton örnek örneği Bu sayfa için C# kodu Arka plan kodluXAML sayfası
RadioButton	RadioButton bir kümeden bir seçenek seçimine izin verir ve CheckedChanged seçim gerçekleştiğinde bir olay harekete geçirilir. API belgeleriKılavuzuÖrnek	örnek örneği Bu sayfa için C# koduArka arkasındaki kodla XAMLsayfası
RefreshView	RefreshView , kaydırılabilir içerik için yenilemeye çekme işlevi sağlayan bir kapsayıcı denetimidir. ICommandözelliği tarafından Command tanımlanan, bir yenileme tetiklendiğinde yürütülür ve IsRefreshing özelliği denetimin geçerli durumunu gösterir. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduArka arkasındaki kodla XAMLsayfası
SearchBar	SearchBar kullanıcının bir metin dizesi yazması için bir alan ve uygulamanın arama gerçekleştirmesi için bir düğme (veya klavye tuşu) görüntüler. Xamarin_Forms _InputView_Text" data-linktype="absolute-path">özelliği metne erişim sağlar ve olay Text düğmeye SearchButtonPressed basılmış olduğunu gösterir. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduArka arkasındaki kodla XAMLsayfası
SwipeView	SwipeView , bir içerik öğesini sarmalar ve çekme hareketiyle ortaya çıkan bağlam menüsü öğeleri sağlayan bir kapsayıcı denetimidir. Her menü öğesi, öğeye SwipeItem eşlenmiş olduğunda bir Command yürüten özelliğine sahip ICommand olan bir ile temsil edilmektedir. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduArka arkasındaki kodla XAMLsayfası

Değerleri ayarlamaya yönelik görünümler

Tür	Description	Görünüm
CheckBox	CheckBox , kullanıcının denetlenen veya boş olan bir düğme türünü kullanarak bir Boole değeri seçmesi için izin verir. IsCheckedözelliği, durumunun CheckBox özelliğidir ve CheckedChanged durum değiştiklerde olay başlatıldı. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası
Slider	Sliderkullanıcının double Xamarin_Forms Slider _Slider_Minimum" data-linktype="absolute-path">and Minimum Xamarin_Forms double _Slider_Maximum" data-linktype="absolute-path">Maximum özellikleriyle belirtilen sürekli aralıktan bir değer seçmeye olanak sağlar. API BelgeleriKılavuzuÖrnek	Kaydırıcı Bu sayfa için C# koduXAML sayfası
Stepper	Stepperkullanıcının double Xamarin_Forms Stepper _Stepper_Minimum" data-linktype="absolute-path">, Xamarin_Forms Minimumdouble _Stepper_Maximum" data-linktype="absolute-path">, ve Maximum Xamarin_Forms _Stepper_Increment" data-linktype="absolute-path">Increment özellikleriyle belirtilen artımlı değerler aralığından bir değer seçmeye olanak sağlar. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası
Switch	Switch , kullanıcının bir Boole değeri seçmesine izin vermek için açma/kapatma anahtarının formunu alır. Xamarin_Forms _Switch_IsToggled" data-linktype="absolute-path">özelliği anahtarın durumudur ve durum değiştinde IsToggled olay Toggled başlatıldı. API BelgeleriKılavuzuÖrnek	Anahtar Bu sayfa için C# koduXAML sayfası
DatePicker	DatePicker kullanıcının platform tarih seçici ile bir tarih seçmesi için izin verir. Xamarin_Forms _DatePicker_MinimumDate" data-linktype="absolute-path">ve MinimumDate Xamarin_Forms MinimumDate _DatePicker_MaximumDate" data-linktype="absolute-path">özellikleriyle MaximumDate izin verilebilir tarihler aralığı ayarlayın. Xamarin_Forms _DatePicker_Date" data-linktype="absolute-path">özelliği seçili tarihtir ve bu özellik değiştikten sonra olay DateDateSelected etkin olur. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası
TimePicker	TimePicker , kullanıcının platform zamanı seçici ile bir saat seçmesi için izin verir. Xamarin_Forms _TimePicker_Time" data-linktype="absolute-path">Time özelliği seçili saatdir. Uygulama, olay için bir Time işleyici yükleyerek özelliğinde yapılan değişiklikleri PropertyChanged izleyebilir. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası

Metin düzenlemeye yönelik görünümler

Bu iki sınıf, InputViewInputView "data-linktype="absolute-path"Xamarin_Forms _InputView_Keyboard özelliğini tanımlayan sınıfından >Keyboard türetmektedir:

Tür	Description	Görünüm
Entry	Entry , kullanıcının tek bir metin satırı girmesini ve düzenlemesini sağlar. Metin, Xamarin_Forms _InputView_Text" data-linktype="absolute-path">özelliği olarak kullanılabilir ve metin değiştinde veya kullanıcı Enter tuşuna dokunarak tamamlandıktan sonra ve olayları da TextTextChangedCompleted işaretlendi. Birden çok Editor metin satırı girmek ve düzenlemek için bir kullanın. API BelgeleriKılavuzuÖrnek	Giriş Bu sayfa için C# koduXAML sayfası
Editor	Editor , kullanıcının birden çok metin satırı girmesini ve düzenlemesini sağlar. Metin, Xamarin_Forms _InputView_Text" data-linktype="absolute-path">özelliği olarak kullanılabilir ve metin değişti ya da kullanıcı tamamlandıktan sonra ve Text olayları işten TextChangedCompleted çıktı. Tek Entry bir metin satırı girmek ve düzenlemek için bir görünüm kullanın. API BelgeleriKılavuzuÖrnek	Düzenleyici Bu sayfa için C# koduXAML sayfası

Etkinliği belirtmeye yönelik görünümler

Tür	Description	Görünüm
ActivityIndicator	ActivityIndicator , uygulamanın ilerleme durumuna dair herhangi bir gösterge vermeden uzun bir etkinlikle meşgul olduğunu göstermek için bir animasyon kullanır. Xamarin_Forms _ActivityIndicator_IsRunning" data-linktype="absolute-path">IsRunning özelliği animasyonu kontrol eder. Etkinliğin ilerleme durumu biliniyorsa bunun yerine ProgressBar kullanın. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası
ProgressBar	ProgressBar , uygulamanın uzun bir etkinlik boyunca ilerlerken olduğunu göstermek için bir animasyon kullanır. İlerlemeyi Xamarin_Forms _ProgressBar_Progress" data-linktype="absolute-path">özelliğini 0 ile 1 arasındaki Progress değerlere ayarlayın. Etkinliğin ilerleme durumu bilinmiyorsa, bunun yerine ActivityIndicator kullanın. API BelgeleriKılavuzuÖrnek	Bu sayfa için C# koduArka arkasındaki kodla XAMLsayfası

Koleksiyonları görüntüleyen görünümler

Tür	Description	Görünüm
CarouselView	CarouselView , veri öğelerinin kaydırılabilir listesini görüntüler. özelliğini bir nesne koleksiyonuna, özelliğini ise öğelerin nasıl biçimlendir olacağını ItemsSourceItemTemplate açıklayan bir nesneye DataTemplate ayarlayın. Olay, CurrentItemChanged şu anda görüntülenen öğenin değiştiğini ve özellik olarak kullanılabilir olduğunu CurrentItem belirtir. KılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası
CollectionView	CollectionView , farklı düzen belirtimlerini kullanarak, seçilebilir veri öğelerinin kaydırılabilir listesini görüntüler. daha esnek ve daha yüksek performansa sahip bir alternatif sağlamayı ListView amaçlar. özelliğini bir nesne koleksiyonuna, özelliğini ise öğelerin nasıl biçimlendir olacağını ItemsSourceItemTemplate açıklayan bir nesneye DataTemplate ayarlayın. Olay, SelectionChanged özellik olarak kullanılabilen bir seçimin yapılmış olduğunu işaret SelectedItem eder. KılavuzuÖrnek	Bu sayfa için C# koduXAML sayfası
IndicatorView	IndicatorView içindeki öğelerin sayısını temsil eden göstergeleri görüntüler CarouselView . ' A CarouselView.IndicatorViewIndicatorView yönelik göstergeleri göstermek için özelliğini nesnesine ayarlayın CarouselView . API belgeleriKılavuzuÖrnek	örnekörnek örneği Bu sayfa için C# kodu XAML sayfası
ListView	ListView öğesinden türetilir ItemsView ve seçilebilir veri öğelerinin kaydırılabilir bir listesini görüntüler. "Data-LinkType =" Absolute-path ">ItemsSource özelliğini bir nesne koleksiyonuna _ItemsView_1_ItemsSource Xamarin_Forms ayarlayın ve Xamarin_Forms ItemsSource _ItemsView_1_ItemTemplate" Data-LinkType = "Absolute-path" >ItemTemplate özelliğini DataTemplate öğelerin nasıl biçimlendirileceğini açıklayan bir nesne olarak ayarlayın. ItemSelectedOlay, Xamarin_Forms ItemSelected _ListView_SelectedItem "Data-LinkType =" Absolute-path ">SelectedItem özelliği olarak kullanılabilen bir seçimin yapıldığını bildirir . API belgeleriKılavuzuÖrnek	örnek Bu sayfa için C# kodu XAML sayfası
Picker	Picker metin dizeleri listesinden seçilen bir öğeyi görüntüler ve görünüm dokunduğunda bu öğenin seçilmesine izin verir. "Data-LinkType =" Absolute-path ">Items özelliğini bir dizeler listesine veya Xamarin_Forms Items _Picker_ItemsSource" Data-LinkType = "Absolute-path" >ItemsSource özelliğini bir nesne koleksiyonuna _Picker_Items Xamarin_Forms ayarlayın. SelectedIndexChangedBir öğe seçildiğinde olay tetiklenir. PickerÖğe listesini yalnızca seçili olduğunda görüntüler. ListViewTableView Sayfada kalan kaydırılabilir bir liste için veya kullanın. API belgeleriKılavuzuÖrnek	örnek Bu sayfa için C# kodu Arka plan kodluXAML sayfası
TableView	TableViewCellisteğe bağlı üstbilgiler ve alt üstbilgiler içeren türdeki satırların bir listesini görüntüler. "Data-LinkType =" Absolute-path ">özelliğini Xamarin_Forms _TableView_Root Root bir nesne türüne ayarlayın TableRoot ve TableSection Bu nesneye nesne ekleyin TableRoot . Her biri TableSection bir nesne koleksiyonudur Cell . API belgeleriKılavuzuÖrnek	örneği Tableview örneği örneği Bu sayfa için C# kodu XAML sayfası

İlgili bağlantılar

• Xamarin.Forms FormsGallery sample
• Xamarin. Forms "Data-LinkType =" Absolute-path ">Xamarin.Forms örnekleri
• Xamarin.Forms API Documentation