{"id":571,"date":"2018-01-14T19:46:11","date_gmt":"2018-01-14T19:46:11","guid":{"rendered":"http:\/\/sezeromer.com\/?p=571"},"modified":"2023-02-26T12:37:15","modified_gmt":"2023-02-26T09:37:15","slug":"xamarin-list-view-kullanimi","status":"publish","type":"post","link":"https:\/\/sezeromer.com\/en\/xamarin-list-view-kullanimi\/","title":{"rendered":"Xamarin Using ListView"},"content":{"rendered":"

You may be receiving data from internet or you may want to keep tour data in a sequential order. To do this, you need to export your data to list and print it on the screen using a\u00a0ListView\u00a0<\/strong>in\u00a0Xamarin.<\/strong> I will talk about this in my article today.<\/p>\n

First we open a project. With this project we are opening, rebuild and wait for packages to settle. Then we need to set a standart for a data sorting. We must vreate a model for this. In this article iwould like to show you a guide application example. We create a model called G\u0131ide. In this model we will store information such as name, surname, number, mail and home address.<\/p>\n

\n
public class Rehber\r\n    {\r\n        public string Ad { get; set; }\r\n        public string Soyad { get; set; }\r\n        public string Numara { get; set; }\r\n        public string Mail { get; set; }\r\n        public string Adres { get; set; }\r\n\r\n\r\n    }<\/pre>\n<\/div>\n
Then we will design the page that will display the guide. First we assign a title. Later in the StackLayout<\/strong> by putting a ListView<\/strong> we will store our data regularly around here. Here, using the Grids<\/strong>, name surnames and numbers will be displayed regularly.<\/p>\n
\n
<StackLayout>\r\n            <!-- Ba\u015fl\u0131k k\u0131sm\u0131-->\r\n            <StackLayout Padding=\"20\">\r\n                <Label HorizontalTextAlignment=\"Center\"\r\n                       Text=\"REHBER\"\r\n                       FontAttributes=\"Bold\"\r\n                       TextColor=\"Black\"\/>\r\n            <\/StackLayout>\r\n            <!-- Rehberin g\u00f6r\u00fcnt\u00fclece\u011fi k\u0131sm\u0131 tasarl\u0131yrouz-->\r\n            <StackLayout>\r\n                <ListView x:Name=\"listRehber\" ItemsSource=\"{Binding .}\">\r\n                    <ListView.ItemTemplate>\r\n                        <DataTemplate>\r\n                            <ViewCell>\r\n                                <ViewCell.View>\r\n                                    <Grid>\r\n                                        <Grid.ColumnDefinitions>\r\n                                            <ColumnDefinition Width=\"*\"\/>\r\n                                            <ColumnDefinition Width=\"*\"\/>\r\n                                        <\/Grid.ColumnDefinitions>\r\n                                        <Grid Grid.Column=\"0\">\r\n                                            <Grid.ColumnDefinitions>\r\n                                                <ColumnDefinition Width=\"*\"\/>\r\n                                                <ColumnDefinition Width=\"*\"\/>\r\n                                            <\/Grid.ColumnDefinitions>\r\n                                            <Label Text=\"{Binding Ad}\"\r\n                                                   TextColor=\"Black\"\r\n                                                   Grid.Column=\"0\"\/>\r\n                                            <Label Text=\"{Binding Soyad}\"\r\n                                                   TextColor=\"Black\"\r\n                                                   Grid.Column=\"1\"\/>\r\n                                        <\/Grid>\r\n                                        <StackLayout Grid.Column=\"1\">\r\n                                            <Label Text=\"{Binding Numara}\"\r\n                                                   TextColor=\"Black\"\r\n                                                   \/>\r\n                                        <\/StackLayout>\r\n                                    <\/Grid>\r\n                                <\/ViewCell.View>\r\n                            <\/ViewCell>\r\n                        <\/DataTemplate>\r\n                    <\/ListView.ItemTemplate>\r\n                <\/ListView>\r\n            <\/StackLayout>\r\n        <\/StackLayout><\/pre>\n<\/div>\n
When we come to the .cs part of this page, first we need to add a few numbers to the pavilion so let’s show it to the list. I am creating a function for this. Here I add 3 peoples to the list of contacts so that the list does not appear empty.<\/p>\n
\n
public void ListeDoldur(List<Rehber> list)\r\n        {\r\n            list.Add(new Rehber\r\n            {\r\n                Ad = \"\u00d6mer\",\r\n                Soyad = \"Sezer\",\r\n                Numara = \"21423423525\",\r\n                Mail = \"oomersezer@gmail.com\",\r\n                Adres = \"asdadasdasd\"\r\n            });\r\n            list.Add(new Rehber\r\n            {\r\n                Ad = \"Mehmet\",\r\n                Soyad = \"\u015e\u00fckr\u00fc\",\r\n                Numara = \"2141241241\",\r\n\r\n            });\r\n            list.Add(new Rehber\r\n            {\r\n                Ad = \"Ahmet\",\r\n                Soyad = \"Veli\",\r\n                Numara = \"34235235\"\r\n            });\r\n        }<\/pre>\n<\/div>\n
Then I put the list I added directly into the ListView<\/strong> that I created in the design section.<\/p>\n
\n
List<Rehber> liste = new List<Rehber>();\r\n\tpublic AnaSayfa ()\r\n\t{\r\n\t    InitializeComponent ();\r\n            ListeDoldur(liste);\r\n            listRehber.BindingContext = liste;\r\n\t}<\/pre>\n<\/div>\n
The screen output is as follows.<\/p>\n
\"\"<\/p>\n
You can reach the project here<\/a>. If you have any questions about ListView<\/strong>, you can reach us by comment or mail.<\/p>","protected":false},"excerpt":{"rendered":"
You may be receiving data from internet or you may want to keep tour data in a sequential order. To do this, you need to export your data to list and print it on the screen using a\u00a0ListView\u00a0in\u00a0Xamarin. I will talk about this in my article today. First we open a project. With this project […]<\/p>\n","protected":false},"author":1,"featured_media":650,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[289,288,3],"tags":[114,132,245,150,249,248,7,246,247,22,119],"class_list":["post-571","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-ios","category-xamarin-ile-yapilmis-projeler","tag-android","tag-grid","tag-kullanimi","tag-list-view","tag-liste","tag-listview-kullanimi","tag-omer-sezer","tag-rehber","tag-stacklayout","tag-xamarin","tag-xamarin-forms"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/571"}],"collection":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/comments?post=571"}],"version-history":[{"count":5,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/571\/revisions"}],"predecessor-version":[{"id":2566,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/571\/revisions\/2566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media\/650"}],"wp:attachment":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media?parent=571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/categories?post=571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/tags?post=571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}