You need to create one folder for each layout size and add each xml you want for each one:<div>
<pre class="classic prettyprint" style="background-color: white; border: 1px none rgb(204, 204, 204); color: #007000; font-size: 13px; margin-bottom: 1em; margin-left: 1em; overflow: auto; padding: 0px; text-align: -webkit-auto;">res/layout/my_layout.xml // layout for normal screen size “default”
res/layout-small/my_layout.xml // layout for small screen size
res/layout-large/my_layout.xml // layout for large screen size
res/layout-xlarge/my_layout.xml // layout for extra large screen size
res/layout-xlarge-land/my_layout.xml // layout for extra large in landscape orientation
</pre>Add the icons based on screen resolutions too:</div><div>
<pre class="classic prettyprint" style="background-color: white; border: 1px none rgb(204, 204, 204); color: #007000; font-size: 13px; margin-bottom: 1em; margin-left: 1em; overflow: auto; padding: 0px; text-align: -webkit-auto;">res/drawable-mdpi/my_icon.png // bitmap for medium density
res/drawable-hdpi/my_icon.png // bitmap for high density
res/drawable-xhdpi/my_icon.png // bitmap for extra high density</pre><pre class="classic prettyprint" style="background-color: white; border: 1px none rgb(204, 204, 204); color: #007000; font-size: 13px; margin-bottom: 1em; margin-left: 1em; overflow: auto; padding: 0px; text-align: -webkit-auto;">
</pre>Sources</div>
read