{"id":234,"date":"2022-11-22T17:19:13","date_gmt":"2022-11-22T17:19:13","guid":{"rendered":"https:\/\/learnmobiledevelopment.com\/?p=234"},"modified":"2023-01-18T17:13:32","modified_gmt":"2023-01-18T17:13:32","slug":"collectionview-as-a-griditemlayout","status":"publish","type":"post","link":"https:\/\/learnmobiledevelopment.com\/index.php\/2022\/11\/22\/collectionview-as-a-griditemlayout\/","title":{"rendered":"How to use CollectionView as a GridItemLayout in Xamarin Forms"},"content":{"rendered":"\n<p><strong>CollectionView<\/strong> allows us to display a list of items in either <strong>Vertical<\/strong> or <strong>Horizontal<\/strong> or <strong>Grid<\/strong>. <strong>CollectionView<\/strong> is similar to <strong>ListView<\/strong> in Xamarin Forms. But this is better than <strong>ListView<\/strong> in terms of <strong>Performance<\/strong> and <strong>Memory Management.<\/strong> You can learn more about <strong>CollectionView<\/strong> <a href=\"https:\/\/learn.microsoft.com\/en-us\/xamarin\/xamarin-forms\/user-interface\/collectionview\/\" target=\"_blank\" rel=\"noopener\" title=\"\">here<\/a>. <\/p>\n\n\n\n<p>So In this article, I\u2019m going to show you how to use <strong>CollectionView<\/strong> as a <strong>GridItemLayout<\/strong>.<\/p>\n\n\n\n<p style=\"font-size:25px\"><strong>Let\u2019s Start<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>1 &#8211; Setting up the UI<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>1.1 &#8211; Create a MainPage.xaml<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"xml\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\" encoding=\"utf-8\" ?>\n&lt;ContentPage xmlns=\"http:\/\/xamarin.com\/schemas\/2014\/forms\"\n             xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2009\/xaml\"\n             xmlns:ffimageloading=\"clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms\"\n             x:Class=\"XFCollectionViewUsedAsGrid.MainPage\">\n\n    &lt;StackLayout>\n        &lt;Frame BackgroundColor=\"{StaticResource ColorPrimary}\" Padding=\"24,50,24,24\" CornerRadius=\"0\">\n            &lt;Label Text=\"Collectionview used as Grid\" HorizontalTextAlignment=\"Center\" TextColor=\"White\" FontSize=\"36\"\/>\n        &lt;\/Frame>\n\n        &lt;CollectionView\n                x:Name=\"BannerList\"\n                Margin=\"2\"\n                ItemSizingStrategy=\"MeasureFirstItem\"\n                SelectionMode=\"None\"\n                VerticalOptions=\"FillAndExpand\">\n\n                &lt;!--  Item Template  -->\n                &lt;CollectionView.ItemTemplate>\n\n                    &lt;DataTemplate>\n                         &lt;StackLayout\n                            BackgroundColor=\"White\"\n                            HorizontalOptions=\"FillAndExpand\"\n                            IsClippedToBounds=\"True\"\n                            Spacing=\"8\"\n                             HeightRequest=\"200\"\n                            VerticalOptions=\"FillAndExpand\">\n\n                              &lt;Frame\n                                    x:Name=\"FrameContainer\"\n                                    Margin=\"8\"\n                                    Padding=\"0,0,0,0\"\n                                    BackgroundColor=\"{StaticResource ColorWhite}\"\n                                    BorderColor=\"{StaticResource ColorPrimary}\"\n                                    CornerRadius=\"0\"\n                                    HasShadow=\"True\"\n                                    IsClippedToBounds=\"True\"\n                                    HorizontalOptions=\"FillAndExpand\"\n                                    VerticalOptions=\"FillAndExpand\">\n\n                                    &lt;StackLayout\n                                        HorizontalOptions=\"FillAndExpand\"\n                                        IsClippedToBounds=\"True\"\n                                        Orientation=\"Vertical\"\n                                        Spacing=\"0\"\n                                        VerticalOptions=\"FillAndExpand\">\n\n                                        &lt;BoxView\n                                            BackgroundColor=\"{Binding HeaderColor}\"\n                                            HeightRequest=\"60\"\n                                            Margin=\"{OnPlatform Android='3,3,5,0', iOS='0,0,0,0'}\"\n                                            HorizontalOptions=\"Fill\" \/>\n\n                                        &lt;!--  Banner Image  -->\n                                        &lt;Frame\n                                            Margin=\"0,-40,0,0\"\n                                            Padding=\"0\"\n                                            BackgroundColor=\"Transparent\"\n                                            BorderColor=\"{StaticResource ColorWhite}\"\n                                            CornerRadius=\"50\"\n                                            HasShadow=\"True\"\n                                            HeightRequest=\"100\"\n                                            HorizontalOptions=\"CenterAndExpand\"\n                                            IsClippedToBounds=\"True\"\n                                            VerticalOptions=\"Start\"\n                                            WidthRequest=\"100\">\n\n\n                                            &lt;Grid>\n\n                                                &lt;ffimageloading:CachedImage\n                                                    x:Name=\"BannerImage\"\n                                                    Aspect=\"AspectFill\"\n                                                    CacheType=\"All\"\n                                                    CacheDuration=\"10\"\n                                                    DownsampleToViewSize=\"True\"\n                                                    HeightRequest=\"99\"\n                                                    IsVisible=\"{Binding IsLoading}\"\n                                                    Source=\"{Binding ImageUrl}\"\n                                                    WidthRequest=\"99\"\/>\n                                                   \n                                                &lt;ActivityIndicator\n                                                    BindingContext=\"{x:Reference Name=BannerImage}\"\n                                                    HeightRequest=\"30\"\n                                                    HorizontalOptions=\"CenterAndExpand\"\n                                                    IsRunning=\"True\"\n                                                    IsVisible=\"{Binding IsLoading}\"\n                                                    VerticalOptions=\"CenterAndExpand\"\n                                                    WidthRequest=\"30\"\n                                                    Color=\"{StaticResource ColorPrimary}\" \/>\n\n                                            &lt;\/Grid>\n\n                                        &lt;\/Frame>\n\n                                        &lt;StackLayout Margin=\"0,10,0,0\">\n\n                                            &lt;Label\n                                                FontSize=\"16\"\n                                                HorizontalTextAlignment=\"Center\"\n                                                Text=\"{Binding ImageName}\"\n                                                TextColor=\"{StaticResource ColorBlack}\" \/>\n\n                                        &lt;\/StackLayout>\n\n                                    &lt;\/StackLayout>\n\n                               &lt;\/Frame>\n\n                         &lt;\/StackLayout>\n                    &lt;\/DataTemplate>\n\n                &lt;\/CollectionView.ItemTemplate>\n\n            &lt;\/CollectionView>\n\n    &lt;\/StackLayout>\n\n&lt;\/ContentPage><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We need to set <strong>CollectionView<\/strong> item layout as <strong>GridItemsLayout<\/strong> so that item will appear in grid form so use below code in <strong>constructor<\/strong> of <strong>MainPage.xaml.cs<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>By default <strong>GridItemsLayout Orientation<\/strong> is set to <strong>\u2018Vertical\u2019<\/strong> and <strong>Span<\/strong> is set to \u2018<strong>1<\/strong>\u2019 it means item will appear vertically in a single column.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong>1.2 &#8211; Setting up the ItemsLayout and ItemsSource for CollectionView<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"csharp\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Device.BeginInvokeOnMainThread(() =>\n{\n     BannerList.ItemsLayout = new GridItemsLayout(2, ItemsLayoutOrientation.Vertical);\n     BannerList.ItemsSource = ImageList;\n});<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here we are setting <strong>Orientation<\/strong> as \u2018<strong>Vertical\u2019 <\/strong>and <strong>Span<\/strong> as \u2018<strong>2<\/strong>\u2019 it means item will appear vertically in two columns.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong>2 &#8211; Create a GetImageList() method inside MainPage.xaml.cs<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"csharp\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public ObservableCollection&lt;BannerImage> GetImageList()\n{\n            ImageList = new ObservableCollection&lt;BannerImage>();\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#F7DC6F\"),\n                ImageName = \"Image img6\",\n                ImageUrl = ImageSource.FromFile(\"img6.jpg\")\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#7DCEA0\"),\n                ImageName = \"Image img7\",\n                ImageUrl = ImageSource.FromFile(\"img7.jpg\")\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#7FB3D5\"),\n                ImageName = \"Image img8\",\n                ImageUrl = ImageSource.FromFile(\"img8.jpeg\")\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#9B59B6\"),\n                ImageName = \"Red season\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/33109\/fall-autumn-red-season.jpg?cs=srgb&amp;dl=autumn-colorful-colourful-33109.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#641E16\"),\n                ImageName = \"Pexels 556416\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/556416\/pexels-photo-556416.jpeg?cs=srgb&amp;dl=bridge-clouds-cloudy-556416.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#F1948A\"),\n                ImageName = \"Pexels 257840\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/257840\/pexels-photo-257840.jpeg?cs=srgb&amp;dl=agriculture-apple-blur-257840.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#00FF00\"),\n                ImageName = \"Pexels 257840\",\n                ImageUrl = ImageSource.FromFile(\"gif4.gif\")\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#1ABC9C\"),\n                ImageName = \"Pexels 853199\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/853199\/pexels-photo-853199.jpeg?cs=srgb&amp;dl=4k-wallpaper-background-beautiful-853199.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#1B4F72\"),\n                ImageName = \"Pexels 462118\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/462118\/pexels-photo-462118.jpeg?cs=srgb&amp;dl=bloom-blooming-blossom-462118.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#F0048A\"),\n                ImageName = \"Pexels 257840\",\n                ImageUrl = ImageSource.FromFile(\"gif5.gif\")\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#6E2C00\"),\n                ImageName = \"Waterfall thac\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/68147\/waterfall-thac-dray-nur-buon-me-thuot-daklak-68147.jpeg?cs=srgb&amp;dl=hd-wallpaper-landscape-long-exposure-68147.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#F4D03F\"),\n                ImageName = \"Pexels 753626\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/753626\/pexels-photo-753626.jpeg?cs=srgb&amp;dl=beach-bora-bora-clouds-753626.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#5B2C6F\"),\n                ImageName = \"Pexels 1402787\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/1402787\/pexels-photo-1402787.jpeg?cs=srgb&amp;dl=4k-wallpaper-audi-audi-r8-1402787.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#0E6655\"),\n                ImageName = \"Rose blue flower\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/67636\/rose-blue-flower-rose-blooms-67636.jpeg?cs=srgb&amp;dl=beauty-bloom-blue-67636.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#B7950B\"),\n                ImageName = \"Pexels 443446\",\n                ImageUrl = ImageSource.FromUri(new Uri(\"https:\/\/images.pexels.com\/photos\/443446\/pexels-photo-443446.jpeg?cs=srgb&amp;dl=daylight-forest-glossy-443446.jpg&amp;fm=jpg\"))\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#D7DBDD\"),\n                ImageName = \"Image img5\",\n                ImageUrl = ImageSource.FromFile(\"img5.jpeg\")\n            });\n\n            ImageList.Add(new BannerImage()\n            {\n                HeaderColor = Color.FromHex(\"#C39BD3\"),\n                ImageName = \"Image img9\",\n                ImageUrl = ImageSource.FromFile(\"img9.jpeg\")\n            });\n\n            return ImageList;\n}<\/pre>\n\n\n\n<p class=\"has-medium-font-size\"><strong>3 &#8211; Create a BannerImage.cs Model<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"csharp\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">using System;\nusing Xamarin.Forms;\n\nnamespace XFCollectionViewUsedAsGrid\n{\n    public class BannerImage\n    {\n        public ImageSource ImageUrl { get; set; }\n        public string ImageName { get; set; }\n        public string ImageDesc { get; set; } = \"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\";\n        public bool IsSquareView { get; set; }\n        public Color HeaderColor { get; set; }\n    }\n}<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now, We need to call the above <strong>GetImageList()<\/strong> method from the <strong>constructor<\/strong> of <strong>MainPage.xaml.cs<\/strong>.<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"csharp\" data-enlighter-theme=\"dracula\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public MainPage()\n{\n    InitializeComponent();\n    GetImageList();\n\n    Device.BeginInvokeOnMainThread(() =>\n    {\n         BannerList.ItemsLayout = new GridItemsLayout(2, ItemsLayoutOrientation.Vertical);\n         BannerList.ItemsSource = ImageList;\n    });\n}\n<\/pre>\n\n\n\n<p class=\"has-medium-font-size\"><strong>4 &#8211; Result<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1544\" style=\"aspect-ratio: 1436 \/ 1544;\" width=\"1436\" controls muted src=\"https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/UseCollectionviewAsAGrid.mov\"><\/video><\/figure>\n\n\n\n<p>That\u2019s all for now!<\/p>\n\n\n\n<p>You can check the full source code <strong><a href=\"https:\/\/github.com\/Alam-Ashraf\/XFCollectionViewUsedAsGridSample\" target=\"_blank\" rel=\"noopener\" title=\"\">here<\/a>.<\/strong><\/p>\n\n\n\n<p>Happy Coding!<strong> \ud83d\ude00<\/strong><\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\"><strong>You may also like<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-0dfbf163 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4b2eccd6 wp-block-group-is-layout-flex\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/learnmobiledevelopment.com\/index.php\/2022\/12\/03\/expander-in-maui\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/Expander-in-Dot-Net-MAUI-1024x624.png\" alt=\"Expander in MAUI\" class=\"wp-image-435\" width=\"512\" height=\"312\" srcset=\"https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/Expander-in-Dot-Net-MAUI-1024x624.png 1024w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/Expander-in-Dot-Net-MAUI-300x183.png 300w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/Expander-in-Dot-Net-MAUI-768x468.png 768w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/Expander-in-Dot-Net-MAUI-850x518.png 850w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/Expander-in-Dot-Net-MAUI.png 1260w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\">How to use Expander in MAUI<\/p>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4b2eccd6 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4b2eccd6 wp-block-group-is-layout-flex\"><div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/learnmobiledevelopment.com\/index.php\/2022\/12\/11\/statecontainer-in-maui\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/StateContainerInMAUI-1024x789.png\" alt=\"StateContainer In MAUI\" class=\"wp-image-481\" width=\"512\" height=\"395\" srcset=\"https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/StateContainerInMAUI-1024x789.png 1024w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/StateContainerInMAUI-300x231.png 300w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/StateContainerInMAUI-768x592.png 768w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/StateContainerInMAUI-850x655.png 850w, https:\/\/learnmobiledevelopment.com\/wp-content\/uploads\/2022\/12\/StateContainerInMAUI.png 1176w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\">How to use StateContainer in MAUI<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CollectionView allows us to display a list of items in either Vertical or Horizontal or Grid. CollectionView is similar to ListView in Xamarin Forms. But this is better than ListView in terms of Performance and Memory Management. You can learn more about CollectionView here. So In this article, I\u2019m going to show you how to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":261,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[9,10],"class_list":["post-234","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-xamarin","tag-collectionview-as-a-griditemlayout","tag-how-to-use-collectionview-as-a-griditemlayout-in-xamarin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts\/234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/comments?post=234"}],"version-history":[{"count":40,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts\/234\/revisions\/765"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/media\/261"}],"wp:attachment":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/media?parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/categories?post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/tags?post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}