diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Assets/stars.json b/CollectionViewChallenge/CollectionViewChallenge.Android/Assets/stars.json
new file mode 100644
index 0000000..e02a510
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/Assets/stars.json
@@ -0,0 +1 @@
+{"v":"4.6.6","fr":24,"ip":0,"op":48,"w":1000,"h":328,"nm":"Star - 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Star 13","parent":2,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":18,"s":[0,0,100],"e":[100,100,100]},{"t":31}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":4,"nm":"Star 12","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[900,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":16,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":18,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":23,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":31}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"Star 11","parent":4,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":14,"s":[0,0,100],"e":[100,100,100]},{"t":27}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"Star 10","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[700,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":12,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":14,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":19,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":27}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"Star 9","parent":6,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":10,"s":[0,0,100],"e":[100,100,100]},{"t":23}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":6,"ty":4,"nm":"Star 8","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[500,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":8,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":10,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":15,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":23}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":7,"ty":4,"nm":"Star 7","parent":8,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":6,"s":[0,0,100],"e":[100,100,100]},{"t":19}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":8,"ty":4,"nm":"Star 2","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[300,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":4,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":6,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":11,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":19}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":9,"ty":4,"nm":"Star 6","parent":10,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":2,"s":[0,0,100],"e":[100,100,100]},{"t":15}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":10,"ty":4,"nm":"Star 1","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[100,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":0,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":2,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":7,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":15}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1}]}
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj b/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
index d2c42fc..e60b4c4 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
@@ -52,6 +52,9 @@
+
+ 2.6.3
+
@@ -69,9 +72,11 @@
+
+
@@ -106,5 +111,20 @@
CollectionViewChallenge
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/MainActivity.cs b/CollectionViewChallenge/CollectionViewChallenge.Android/MainActivity.cs
index 72e1935..52a2f7d 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.Android/MainActivity.cs
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/MainActivity.cs
@@ -6,6 +6,7 @@
using Android.Views;
using Android.Widget;
using Android.OS;
+using Lottie.Forms.Droid;
namespace CollectionViewChallenge.Droid
{
@@ -22,6 +23,14 @@ protected override void OnCreate(Bundle savedInstanceState)
global::Xamarin.Forms.Forms.SetFlags("Shell_Experimental", "Visual_Experimental", "CollectionView_Experimental", "FastRenderers_Experimental");
Xamarin.Essentials.Platform.Init(this, savedInstanceState);
global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
+ try
+ {
+ AnimationViewRenderer.Init();
+ }
+ catch (Exception ex)
+ {
+ System.Diagnostics.Debug.WriteLine(ex.Message);
+ }
LoadApplication(new App());
}
public override void OnRequestPermissionsResult(int requestCode, string[] permissions, [GeneratedEnum] Android.Content.PM.Permission[] grantResults)
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/binoculars.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/binoculars.png
new file mode 100644
index 0000000..0ed396e
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/binoculars.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/loupe.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/loupe.png
new file mode 100644
index 0000000..7e61fd2
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/loupe.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/ratingCircle.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/ratingCircle.png
new file mode 100644
index 0000000..11ed712
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/ratingCircle.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/stars.json b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/stars.json
new file mode 100644
index 0000000..e02a510
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/stars.json
@@ -0,0 +1 @@
+{"v":"4.6.6","fr":24,"ip":0,"op":48,"w":1000,"h":328,"nm":"Star - 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Star 13","parent":2,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":18,"s":[0,0,100],"e":[100,100,100]},{"t":31}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":4,"nm":"Star 12","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[900,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":16,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":18,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":23,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":31}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"Star 11","parent":4,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":14,"s":[0,0,100],"e":[100,100,100]},{"t":27}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"Star 10","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[700,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":12,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":14,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":19,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":27}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"Star 9","parent":6,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":10,"s":[0,0,100],"e":[100,100,100]},{"t":23}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":6,"ty":4,"nm":"Star 8","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[500,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":8,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":10,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":15,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":23}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":7,"ty":4,"nm":"Star 7","parent":8,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":6,"s":[0,0,100],"e":[100,100,100]},{"t":19}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":8,"ty":4,"nm":"Star 2","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[300,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":4,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":6,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":11,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":19}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":9,"ty":4,"nm":"Star 6","parent":10,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-397,-7.318,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.222,0.222,0.667],"y":[1,1,0.667]},"o":{"x":[0.018,0.018,0.333],"y":[0.188,0.188,0.333]},"n":["0p222_1_0p018_0p188","0p222_1_0p018_0p188","0p667_0p667_0p333_0p333"],"t":2,"s":[0,0,100],"e":[100,100,100]},{"t":15}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"fl","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":10,"ty":4,"nm":"Star 1","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[100,156.682,0]},"a":{"a":0,"k":[-397,-7.318,0]},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,0.667]},"o":{"x":[0.12,0.12,0.333],"y":[0.317,0.317,0.333]},"n":["0p667_1_0p12_0p317","0p667_1_0p12_0p317","0p667_0p667_0p333_0p333"],"t":0,"s":[100,100,100],"e":[131,131,100]},{"i":{"x":[0.399,0.399,0.667],"y":[1,1,0.667]},"o":{"x":[0.159,0.159,0.333],"y":[0,0,0.333]},"n":["0p399_1_0p159_0","0p399_1_0p159_0","0p667_0p667_0p333_0p333"],"t":2,"s":[131,131,100],"e":[95.17,95.17,100]},{"i":{"x":[0.632,0.632,0.833],"y":[1,1,0.833]},"o":{"x":[0.297,0.297,0.333],"y":[0,0,0.333]},"n":["0p632_1_0p297_0","0p632_1_0p297_0","0p833_0p833_0p333_0p333"],"t":7,"s":[95.17,95.17,100],"e":[100,100,100]},{"t":15}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":50,"ix":6},"is":{"a":0,"k":0,"ix":8},"or":{"a":0,"k":100,"ix":7},"os":{"a":0,"k":29,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star"},{"ty":"st","c":{"a":0,"k":[1,0.8235294,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":15},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"tr","p":{"a":0,"k":[-397,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[79,79],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":58,"st":0,"bm":0,"sr":1}]}
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/tag.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/tag.png
new file mode 100644
index 0000000..34dee62
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/tag.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/user.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/user.png
new file mode 100644
index 0000000..36b6d4d
Binary files /dev/null and b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/user.png differ
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
index 49a7105..8ce2aca 100644
--- a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
@@ -133,6 +133,9 @@
+
+ 2.6.3
+
diff --git a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
index 9364c60..a1ff7db 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
+++ b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
@@ -1,13 +1,14 @@
-
-
+
+
-
@@ -60,19 +61,20 @@
-
-
-
+
+
+
-
+
-
+
-
+
+
diff --git a/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj b/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
index 3ccfc60..7b98e2b 100644
--- a/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
+++ b/CollectionViewChallenge/CollectionViewChallenge/CollectionViewChallenge.csproj
@@ -11,6 +11,7 @@
+
@@ -19,6 +20,9 @@
MSBuild:UpdateDesignTimeXaml
+
+ MSBuild:UpdateDesignTimeXaml
+
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/HotelsPromoView.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/HotelsPromoView.xaml
new file mode 100644
index 0000000..86616de
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/HotelsPromoView.xaml
@@ -0,0 +1,226 @@
+
+
+
+ #03258C
+ #05AFF2
+ #2D3B40
+ #a5b9c0
+ #8CBF3F
+ #F2B705
+ #8C5320
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/HotelsPromoView.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/HotelsPromoView.xaml.cs
new file mode 100644
index 0000000..66781d1
--- /dev/null
+++ b/CollectionViewChallenge/CollectionViewChallenge/Views/HotelsPromoView.xaml.cs
@@ -0,0 +1,118 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Diagnostics;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace CollectionViewChallenge.Views
+{
+ [XamlCompilation(XamlCompilationOptions.Compile)]
+ public partial class HotelsPromoView : ContentPage
+ {
+ public static ObservableCollection items = new ObservableCollection()
+ {
+ new HotelsLv()
+ {
+ Id = Guid.NewGuid().ToString(),
+ CreatedAt = DateTime.Now.ToString("G"),
+ Name = "Kempinski Hotel CA",
+ Description = "Hotel in California",
+ StarsNumber = "2Stars",
+ Latitude = "36.568151624528966",
+ Longitude = "-119.50030705930174",
+ Email = "kempinski@hotel.com",
+ Phone = "16259",
+ Web = "www.kempinski.com",
+ Image = "https://ihg.scene7.com/is/image/ihg/even-hotels-eugene-5405616297-4x3",
+ Rating = "85",
+ BestDiscount = "30",
+ RoomPrice = "1098"
+ },
+ new HotelsLv()
+ {
+ Id = Guid.NewGuid().ToString(),
+ CreatedAt = DateTime.Now.ToString("G"),
+ Name = "Aston Hotel San Francisco",
+ Description = "Hotel in San francisco",
+ StarsNumber = "3Stars",
+ Latitude = "-34.7382",
+ Longitude = "-58.50450",
+ Email = "aston@hotel.com",
+ Phone = "3444",
+ Web = "www.aston.com",
+ Image = "https://media-cdn.tripadvisor.com/media/photo-s/0d/7f/48/0a/dublin-s-newest-hotel.jpg",
+ Rating = "90",
+ BestDiscount = "40",
+ RoomPrice = "1098"
+ },
+ new HotelsLv()
+ {
+ Id = Guid.NewGuid().ToString(),
+ CreatedAt = DateTime.Now.ToString("G"),
+ Name = "Pear Tree Hotel",
+ Description = "Hotel in UK",
+ StarsNumber = "3Stars",
+ Latitude = "52.8996801",
+ Longitude = "-1.477368",
+ Email = "pear@hotel.com",
+ Phone = "16259",
+ Web = "www.pear.com",
+ Image = "https://q-ec.bstatic.com/images/hotel/max1280x900/101/101430248.jpg",
+ Rating = "90",
+ BestDiscount = "40",
+ RoomPrice = "1098"
+ },
+ new HotelsLv()
+ {
+ Id = Guid.NewGuid().ToString(),
+ CreatedAt = DateTime.Now.ToString("G"),
+ Name = "Hilton Hotel & Resort",
+ Description = "Hotel in India",
+ StarsNumber = "4Stars",
+ Latitude = "15.4967",
+ Longitude = "73.88409999999999",
+ Email = "hilton@hotel.com",
+ Phone = "16259",
+ Web = "www.hilton.com",
+ Image = "http://ihg.scene7.com/is/image/ihg/holiday-inn-wichita-3912056013-4x3",
+ Rating = "90",
+ BestDiscount = "40",
+ RoomPrice = "1098"
+ }
+ };
+ public HotelsPromoView()
+ {
+ try
+ {
+ InitializeComponent();
+ CV.ItemsSource = items;
+ }
+ catch (Exception ex)
+ {
+ Debug.WriteLine("Error "+ex.Message);
+ }
+ }
+ }
+ public class HotelsLv
+ {
+ public string Id { get; set; }
+ public string CreatedAt { get; set; }
+ public string Name { get; set; }
+ public string Description { get; set; }
+ public string StarsNumber { get; set; }
+ public string Latitude { get; set; }
+ public string Longitude { get; set; }
+ public string Email { get; set; }
+ public string Phone { get; set; }
+ public string Web { get; set; }
+ public string Image { get; set; }
+ public string Rating { get; set; }
+ public string BestDiscount { get; set; }
+ public string RoomPrice { get; set; }
+ }
+}
\ No newline at end of file