Академический Документы
Профессиональный Документы
Культура Документы
SEARCH
Home Dashboard Design in Android Studio
Enter keyword...
114 0 0
followers followers likes
0 0 266
followers subscribers followers
TRENDING
TAGS
MATERIAL DESIGN
now we need to add the cardview library to our build.gradle(Module:app)
MOBILE DESIGN
1 dependencies {
2 // don t forget to change 25.3.1 to your api lvl mine is 25.3.1 MODERN
3 compile 'com.android.support:cardview-v7:25.3.1'
POPUP
4 }
PROJECT SOURCE
SPLASH SCREEN
now we need to create our circle backgrounds, we going to use shape to do that in your drawable folder create your
cercleshape.xml i will show you how to create one, TUTORIAL
XML ANDROID
Now last step : add the following code to your home dashboard activity : XML DESIGN
CONTACT ME
12 android:gravity="center"
13 android:id="@+id/ll">
14 <LinearLayout
15 android:clipToPadding="false"
16 android:gravity="center"
17 android:orientation="horizontal"
18 android:layout_width="match_parent"
19 android:layout_height="wrap_content">
20 <android.support.v7.widget.CardView
21 android:foreground="?android:attr/selectableItemBackground"
22 android:clickable="true"
23 android:id="@+id/bankcardId"
24 android:layout_width="160dp"
25 android:layout_height="190dp"
26 android:layout_margin="10dp">
27 <LinearLayout
28 android:layout_width="match_parent"
29 android:layout_height="match_parent"
30 android:orientation="vertical"
31 android:gravity="center">
32 <ImageView
33 android:layout_width="64dp"
34 android:layout_height="64dp"
35 android:background="@drawable/cerclebackgroundpurple"
36 android:src="@drawable/ic_attach_money_black_24dp"
37 android:padding="10dp"/>
38 <TextView
39 android:layout_width="wrap_content"
40 android:layout_height="wrap_content"
41 android:textStyle="bold"
42 android:layout_marginTop="10dp"
43 android:text="Banking"/>
44 <View
45 android:layout_width="match_parent"
46 android:layout_height="1dp"
47 android:background="@color/lightgray"
48 android:layout_margin="10dp"/>
49 <TextView
50 android:layout_width="wrap_content"
51 android:layout_height="wrap_content"
52 android:gravity="center"
53 android:text="Check your bank activities"
54 android:padding="5dp"
55 android:textColor="@android:color/darker_gray"/>
56
57 </LinearLayout>
58 </android.support.v7.widget.CardView>
59 <android.support.v7.widget.CardView
60 android:foreground="?android:attr/selectableItemBackground"
61 android:clickable="true"
62 android:layout_width="160dp"
63 android:layout_height="190dp"
64 android:layout_margin="10dp">
65 <LinearLayout
66 android:layout_width="match_parent"
67 android:layout_height="match_parent"
68 android:orientation="vertical"
69 android:gravity="center">
70 <ImageView
71 android:layout_width="64dp"
72 android:layout_height="64dp"
73 android:background="@drawable/cerclebackgroundpink"
74 android:src="@drawable/ic_lightbulb_outline_black_24dp"
75 android:padding="10dp"/>
76 <TextView
77 android:layout_width="wrap_content"
78 android:layout_height="wrap_content"
79 android:textStyle="bold"
80 android:layout_marginTop="10dp"
81 android:text="Ideas"/>
82 <View
83 android:layout_width="match_parent"
84 android:layout_height="1dp"
85 android:background="@color/lightgray"
86 android:layout_margin="10dp"/>
87 <TextView
88 android:layout_width="wrap_content"
89 android:layout_height="wrap_content"
90 android:gravity="center"
91 android:text="Check your bank activities"
92 android:padding="5dp"
93 android:textColor="@android:color/darker_gray"/>
94
95 </LinearLayout>
96 </android.support.v7.widget.CardView>
97
98 </LinearLayout>
99 <LinearLayout
100 android:clipToPadding="false"
101 android:gravity="center"
102 android:orientation="horizontal"
103 android:layout_width="match_parent"
104 android:layout_height="wrap_content">
105 <android.support.v7.widget.CardView
106 android:foreground="?android:attr/selectableItemBackground"
107 android:clickable="true"
108 android:layout_width="160dp"
109 android:layout_height="190dp"
110 android:layout_margin="10dp">
111 <LinearLayout
112 android:layout_width="match_parent"
113 android:layout_height="match_parent"
114 android:orientation="vertical"
115 android:gravity="center">
116 <ImageView
117 android:layout_width="64dp"
118 android:layout_height="64dp"
119 android:background="@drawable/cerclebackgroundgreen"
120 android:src="@drawable/ic_control_point_black_24dp"
121 android:padding="10dp"/>
122 <TextView
123 android:layout_width="wrap_content"
124 android:layout_height="wrap_content"
125 android:textStyle="bold"
126 android:layout_marginTop="10dp"
127 android:text="Add"/>
128 <View
129 android:layout_width="match_parent"
130 android:layout_height="1dp"
131 android:background="@color/lightgray"
132 android:layout_margin="10dp"/>
133 <TextView
134 android:layout_width="wrap_content"
135 android:layout_height="wrap_content"
136 android:gravity="center"
137 android:text="Check your bank activities"
138 android:padding="5dp"
139 android:textColor="@android:color/darker_gray"/>
140
141 </LinearLayout>
142 </android.support.v7.widget.CardView>
143 <android.support.v7.widget.CardView
144 android:foreground="?android:attr/selectableItemBackground"
145 android:clickable="true"
146 android:layout_width="160dp"
147 android:layout_height="190dp"
148 android:layout_margin="10dp">
149
150 <LinearLayout
151 android:layout_width="match_parent"
152 android:layout_height="match_parent"
153 android:gravity="center"
154 android:orientation="vertical">
155
156 <ImageView
157 android:layout_width="64dp"
158 android:layout_height="64dp"
159 android:background="@drawable/cerclebackgroundyello"
160 android:padding="10dp"
161 android:src="@drawable/ic_attach_file_black_24dp" />
162
163 <TextView
164 android:layout_width="wrap_content"
165 android:layout_height="wrap_content"
166 android:layout_marginTop="10dp"
167 android:text="Links"
168 android:textStyle="bold" />
169
170 <View
171 android:layout_width="match_parent"
172 android:layout_height="1dp"
173 android:layout_margin="10dp"
174 android:background="@color/lightgray" />
175
176 <TextView
177 android:layout_width="wrap_content"
178 android:layout_height="wrap_content"
179 android:gravity="center"
180 android:padding="5dp"
181 android:text="Check your bank activities"
182 android:textColor="@android:color/darker_gray" />
183
184 </LinearLayout>
185 </android.support.v7.widget.CardView>
186
187 </LinearLayout>
188 <LinearLayout
189 android:clipToPadding="false"
190 android:gravity="center"
191 android:orientation="horizontal"
192 android:layout_width="match_parent"
193 android:layout_height="wrap_content">
194 <android.support.v7.widget.CardView
195 android:foreground="?android:attr/selectableItemBackground"
196 android:clickable="true"
197 android:layout_width="340dp"
198 android:layout_height="150dp"
199 android:layout_margin="10dp">
200 <LinearLayout
201
202 android:layout_width="match_parent"
203 android:layout_height="match_parent"
204 android:orientation="vertical"
205 android:gravity="center">
206 <ImageView
207 android:layout_width="64dp"
208 android:layout_height="64dp"
209 android:background="@drawable/cerclebackgroundpurple"
210 android:src="@drawable/ic_wifi_black_24dp"
211 android:padding="10dp"/>
212 <TextView
213 android:layout_width="wrap_content"
214 android:layout_height="wrap_content"
215 android:textStyle="bold"
216 android:layout_marginTop="10dp"
217 android:text="Add"/>
218 <View
219 android:layout_width="match_parent"
220 android:layout_height="1dp"
221 android:background="@color/lightgray"
222 android:layout_margin="10dp"/>
223 <TextView
224 android:layout_width="wrap_content"
225 android:layout_height="wrap_content"
226 android:gravity="center"
227 android:text="Check your bank activities"
228 android:padding="5dp"
229 android:textColor="@android:color/darker_gray"/>
230
231 </LinearLayout>
232 </android.support.v7.widget.CardView>
233
234
235 </LinearLayout>
236 </LinearLayout>
OLDER ARTICLE
7 COMMENTAIRES:
This is Superb man. Please post other tutorials that is on your youtube channel.
Répondre
Répondre
Sir is me agr koi user banking pe ya ksi dosri field me click kary to nect koi actitivty open ho jay ... mujy is ka tareeqa bta
den gy ???
jesy in me c ksi ak ko hm rate us keh dety hen to ab us k pechy link kesy lgay gy ???
Répondre
Répondre
so awesome.....
??????????????????????????? awsome.....
Répondre
Répondre
Awsome:)
Répondre
Commentaire : Sélectionner le
Publier Aperçu
All Rights Reserved. © AwsRh 2017-2018 | Cra ed with by TemplatesYard | Distributed by Gooyaabi Templates
AWSRH
HOME ANDROID STUDIO
SEARCH
Home Dashboard Design in Android Studio
Enter keyword...
114 0 0
followers followers likes
0 0 266
followers subscribers followers
TRENDING
XML DESIGN
MODERN
UI
now we need to create our circle backgrounds, we going to use shape to do that in your drawable folder create your UX
Now last step : add the following code to your home dashboard activity : Nom
E-mail *
8 tools:context="com.demotxt.droidsrce.homedashboard.Home"
9 android:orientation="vertical"
10 android:padding="10dp"
11 android:background="#fcfcfc"
12 android:gravity="center"
13 android:id="@+id/ll">
14 <LinearLayout
15 android:clipToPadding="false"
16 android:gravity="center"
17 android:orientation="horizontal"
18 android:layout_width="match_parent"
19 android:layout_height="wrap_content">
20 <android.support.v7.widget.CardView
21 android:foreground="?android:attr/selectableItemBackground"
22 android:clickable="true"
23 android:id="@+id/bankcardId"
24 android:layout_width="160dp"
25 android:layout_height="190dp"
26 android:layout_margin="10dp">
27 <LinearLayout
28 android:layout_width="match_parent"
29 android:layout_height="match_parent"
30 android:orientation="vertical"
31 android:gravity="center">
32 <ImageView
33 android:layout_width="64dp"
34 android:layout_height="64dp"
35 android:background="@drawable/cerclebackgroundpurple"
36 android:src="@drawable/ic_attach_money_black_24dp"
37 android:padding="10dp"/>
38 <TextView
39 android:layout_width="wrap_content"
40 android:layout_height="wrap_content"
41 android:textStyle="bold"
42 android:layout_marginTop="10dp"
43 android:text="Banking"/>
44 <View
45 android:layout_width="match_parent"
46 android:layout_height="1dp"
47 android:background="@color/lightgray"
48 android:layout_margin="10dp"/>
49 <TextView
50 android:layout_width="wrap_content"
51 android:layout_height="wrap_content"
52 android:gravity="center"
53 android:text="Check your bank activities"
54 android:padding="5dp"
55 android:textColor="@android:color/darker_gray"/>
56
57 </LinearLayout>
58 </android.support.v7.widget.CardView>
59 <android.support.v7.widget.CardView
60 android:foreground="?android:attr/selectableItemBackground"
61 android:clickable="true"
62 android:layout_width="160dp"
63 android:layout_height="190dp"
64 android:layout_margin="10dp">
65 <LinearLayout
66 android:layout_width="match_parent"
67 android:layout_height="match_parent"
68 android:orientation="vertical"
69 android:gravity="center">
70 <ImageView
71 android:layout_width="64dp"
72 android:layout_height="64dp"
73 android:background="@drawable/cerclebackgroundpink"
74 android:src="@drawable/ic_lightbulb_outline_black_24dp"
75 android:padding="10dp"/>
76 <TextView
77 android:layout_width="wrap_content"
78 android:layout_height="wrap_content"
79 android:textStyle="bold"
80 android:layout_marginTop="10dp"
81 android:text="Ideas"/>
82 <View
83 android:layout_width="match_parent"
84 android:layout_height="1dp"
85 android:background="@color/lightgray"
86 android:layout_margin="10dp"/>
87 <TextView
88 android:layout_width="wrap_content"
89 android:layout_height="wrap_content"
90 android:gravity="center"
91 android:text="Check your bank activities"
92 android:padding="5dp"
93 android:textColor="@android:color/darker_gray"/>
94
95 </LinearLayout>
96 </android.support.v7.widget.CardView>
97
98 </LinearLayout>
99 <LinearLayout
100 android:clipToPadding="false"
101 android:gravity="center"
102 android:orientation="horizontal"
103 android:layout_width="match_parent"
104 android:layout_height="wrap_content">
105 <android.support.v7.widget.CardView
106 android:foreground="?android:attr/selectableItemBackground"
107 android:clickable="true"
108 android:layout_width="160dp"
109 android:layout_height="190dp"
110 android:layout_margin="10dp">
111 <LinearLayout
112 android:layout_width="match_parent"
113 android:layout_height="match_parent"
114 android:orientation="vertical"
115 android:gravity="center">
116 <ImageView
117 android:layout_width="64dp"
118 android:layout_height="64dp"
119 android:background="@drawable/cerclebackgroundgreen"
120 android:src="@drawable/ic_control_point_black_24dp"
121 android:padding="10dp"/>
122 <TextView
123 android:layout_width="wrap_content"
124 android:layout_height="wrap_content"
125 android:textStyle="bold"
126 android:layout_marginTop="10dp"
127 android:text="Add"/>
128 <View
129 android:layout_width="match_parent"
130 android:layout_height="1dp"
131 android:background="@color/lightgray"
132 android:layout_margin="10dp"/>
133 <TextView
134 android:layout_width="wrap_content"
135 android:layout_height="wrap_content"
136 android:gravity="center"
137 android:text="Check your bank activities"
138 android:padding="5dp"
139 android:textColor="@android:color/darker_gray"/>
140
141 </LinearLayout>
142 </android.support.v7.widget.CardView>
143 <android.support.v7.widget.CardView
144 android:foreground="?android:attr/selectableItemBackground"
145 android:clickable="true"
146 android:layout_width="160dp"
147 android:layout_height="190dp"
148 android:layout_margin="10dp">
149
150 <LinearLayout
151 android:layout_width="match_parent"
152 android:layout_height="match_parent"
153 android:gravity="center"
154 android:orientation="vertical">
155
156 <ImageView
157 android:layout_width="64dp"
158 android:layout_height="64dp"
159 android:background="@drawable/cerclebackgroundyello"
160 android:padding="10dp"
161 android:src="@drawable/ic_attach_file_black_24dp" />
162
163 <TextView
164 android:layout_width="wrap_content"
165 android:layout_height="wrap_content"
166 android:layout_marginTop="10dp"
167 android:text="Links"
168 android:textStyle="bold" />
169
170 <View
171 android:layout_width="match_parent"
172 android:layout_height="1dp"
173 android:layout_margin="10dp"
174 android:background="@color/lightgray" />
175
176 <TextView
177 android:layout_width="wrap_content"
178 android:layout_height="wrap_content"
179 android:gravity="center"
180 android:padding="5dp"
181 android:text="Check your bank activities"
182 android:textColor="@android:color/darker_gray" />
183
184 </LinearLayout>
185 </android.support.v7.widget.CardView>
186
187 </LinearLayout>
188 <LinearLayout
189 android:clipToPadding="false"
190 android:gravity="center"
191 android:orientation="horizontal"
192 android:layout_width="match_parent"
193 android:layout_height="wrap_content">
194 <android.support.v7.widget.CardView
195 android:foreground="?android:attr/selectableItemBackground"
196 android:clickable="true"
197 android:layout_width="340dp"
198 android:layout_height="150dp"
199 android:layout_margin="10dp">
200 <LinearLayout
201
202 android:layout_width="match_parent"
203 android:layout_height="match_parent"
204 android:orientation="vertical"
205 android:gravity="center">
206 <ImageView
207 android:layout_width="64dp"
208 android:layout_height="64dp"
209 android:background="@drawable/cerclebackgroundpurple"
210 android:src="@drawable/ic_wifi_black_24dp"
211 android:padding="10dp"/>
212 <TextView
213 android:layout_width="wrap_content"
214 android:layout_height="wrap_content"
215 android:textStyle="bold"
216 android:layout_marginTop="10dp"
217 android:text="Add"/>
218 <View
219 android:layout_width="match_parent"
220 android:layout_height="1dp"
221 android:background="@color/lightgray"
222 android:layout_margin="10dp"/>
223 <TextView
224 android:layout_width="wrap_content"
225 android:layout_height="wrap_content"
226 android:gravity="center"
227 android:text="Check your bank activities"
228 android:padding="5dp"
229 android:textColor="@android:color/darker_gray"/>
230
231 </LinearLayout>
232 </android.support.v7.widget.CardView>
233
234
235 </LinearLayout>
236 </LinearLayout>
xml android
OLDER ARTICLE
7 COMMENTAIRES:
This is Superb man. Please post other tutorials that is on your youtube channel.
Répondre
Répondre
Sir is me agr koi user banking pe ya ksi dosri field me click kary to nect koi actitivty open ho jay ... mujy is ka tareeqa bta
den gy ???
jesy in me c ksi ak ko hm rate us keh dety hen to ab us k pechy link kesy lgay gy ???
Répondre
Répondre
so awesome.....
??????????????????????????? awsome.....
Répondre
Répondre
Awsome:)
Répondre
Ajouter un commentaire
Saisissez votre commentaire…
Commentaire : Sélectionner le
Publier Aperçu
All Rights Reserved. © AwsRh 2017-2018 | Cra ed with by TemplatesYard | Distributed by Gooyaabi Templates