Design Exam > Design Videos > How to UI in Android Studio > Responsive Design in Android Studio Tutorial
Responsive Design in Android Studio Tutorial Video Lecture - How to Design
Text Transcript from Video
[Applause]
everybody this is English kid from
Indonesia and welcome back to my video
in this video we are going to learn
about the support screen in the Android
so basically when we are designing the
screen and we have the tablet screen or
difference chainsaw elected this is the
tablet and bigger the Nexus 4 which is
smartphone ok so how to make the
different layout in the under studio
because it's still important maybe if
you are the front-end developer or
website designer you make now about the
CSS media query that help you to
implement your design to responsive
design from the website and desktop and
mobile and tablet so just click new
studio sorry
I mean click new project and andro
support ok and next we are going to use
the empty activity and finish so waiting
for the moment it's Gradle boot so just
be patient
all right in this case we don't need any
Java so you can close it so most of them
sorry I mean overall I will working with
the XML peer XML and here this is for
the Nexus 4 that you can see this is for
the smartphone and I want to create the
layout here ok so let's do that
firstly I want to change changed its
confirmed to the linear layer alright
and after that I want to get the
orientation here to the vertical
so here I want to create linear layout
again which is the met parent and this
is max pattern also this the layout cake
is crop button and then I want to set in
the orientation to the horizontal
because we are using the content in into
horizontal and in fact of the linear
load we need to create layout again
which is linear load again and linear
layout should be 100 DP and 100 TP right
in order to give the background color to
the blue like this
good so I'm going to copy this linear
load layered copy and copy and we will
have to linear layout and I want to make
the module here module is sorry Android
margin is 10 DP okay and we're going to
copy this and copy and copy so you make
half the screens like this and I'm going
to the linear layout here and get the
padding to 20 DB no no no actually now
maybe 10 okay 20 P and here we can
create the layout with the three columns
okay so we go not to run this
application into our Nexus 4 this is the
Nexus 4 so just need to waiting okay it
works properly so what the question is
we want to change this color or we want
to make it more bigger in the tablet
fashion it's so easy
firstly we're going to this Android and
project
and go to here and a source and mine and
arias okay you can create new folder
here but I prefer lag - we go to Android
and areas and here we create new folder
sorry new directory and here we're going
to use the size and this is last last
digits for the tablet so we're going to
use the layout like this and okay and
after that we go back to project and
here you will have the layout which is
layout last and we're going to copy this
main activity and pass into a layout
loss and okay so you will have the
design like this but the column is three
and I want to duplicate again maybe two
columns oh sorry
you're going to copy this linearly and
pass okay so you will have five columns
cool isn't it
but the margin is not friendly so maybe
I will decrease the layout and only four
but I want to make it more bigger maybe
120 okay next slide
okay and we need to increase the reading
maybe 15 18 okay cool
so this is the design for the tablet so
we go not to stop this application and
we're going to run into tablets and okay
so waiting for the tablets this is the
tablet so here if your application
running on tablet the layout should be
different like this you will have the
four columns but if you are running in
the emulator which is Nexus 4 maybe your
application is only three columns like
this okay so it's different about the
screens well this is the basic of
support screen maybe it's useful for you
because in the next time maybe I want to
create the tutorial about the layout so
we're going to create new fashion of
design well thank you very much to
watching this video and don't forget to
subscribe or watching my another video
so nice to meet you from Indonesia bye
bye
everybody this is English kid from
Indonesia and welcome back to my video
in this video we are going to learn
about the support screen in the Android
so basically when we are designing the
screen and we have the tablet screen or
difference chainsaw elected this is the
tablet and bigger the Nexus 4 which is
smartphone ok so how to make the
different layout in the under studio
because it's still important maybe if
you are the front-end developer or
website designer you make now about the
CSS media query that help you to
implement your design to responsive
design from the website and desktop and
mobile and tablet so just click new
studio sorry
I mean click new project and andro
support ok and next we are going to use
the empty activity and finish so waiting
for the moment it's Gradle boot so just
be patient
all right in this case we don't need any
Java so you can close it so most of them
sorry I mean overall I will working with
the XML peer XML and here this is for
the Nexus 4 that you can see this is for
the smartphone and I want to create the
layout here ok so let's do that
firstly I want to change changed its
confirmed to the linear layer alright
and after that I want to get the
orientation here to the vertical
so here I want to create linear layout
again which is the met parent and this
is max pattern also this the layout cake
is crop button and then I want to set in
the orientation to the horizontal
because we are using the content in into
horizontal and in fact of the linear
load we need to create layout again
which is linear load again and linear
layout should be 100 DP and 100 TP right
in order to give the background color to
the blue like this
good so I'm going to copy this linear
load layered copy and copy and we will
have to linear layout and I want to make
the module here module is sorry Android
margin is 10 DP okay and we're going to
copy this and copy and copy so you make
half the screens like this and I'm going
to the linear layout here and get the
padding to 20 DB no no no actually now
maybe 10 okay 20 P and here we can
create the layout with the three columns
okay so we go not to run this
application into our Nexus 4 this is the
Nexus 4 so just need to waiting okay it
works properly so what the question is
we want to change this color or we want
to make it more bigger in the tablet
fashion it's so easy
firstly we're going to this Android and
project
and go to here and a source and mine and
arias okay you can create new folder
here but I prefer lag - we go to Android
and areas and here we create new folder
sorry new directory and here we're going
to use the size and this is last last
digits for the tablet so we're going to
use the layout like this and okay and
after that we go back to project and
here you will have the layout which is
layout last and we're going to copy this
main activity and pass into a layout
loss and okay so you will have the
design like this but the column is three
and I want to duplicate again maybe two
columns oh sorry
you're going to copy this linearly and
pass okay so you will have five columns
cool isn't it
but the margin is not friendly so maybe
I will decrease the layout and only four
but I want to make it more bigger maybe
120 okay next slide
okay and we need to increase the reading
maybe 15 18 okay cool
so this is the design for the tablet so
we go not to stop this application and
we're going to run into tablets and okay
so waiting for the tablets this is the
tablet so here if your application
running on tablet the layout should be
different like this you will have the
four columns but if you are running in
the emulator which is Nexus 4 maybe your
application is only three columns like
this okay so it's different about the
screens well this is the basic of
support screen maybe it's useful for you
because in the next time maybe I want to
create the tutorial about the layout so
we're going to create new fashion of
design well thank you very much to
watching this video and don't forget to
subscribe or watching my another video
so nice to meet you from Indonesia bye
bye
About this Video
4.69/5 Rating
Apr 18, 2026 Last updated
Related Exams
Video Description: Responsive Design in Android Studio Tutorial for Design 2026 is part of How to Design UI in Android Studio preparation. The notes and questions for Responsive Design in Android Studio Tutorial have been prepared according to the Design exam syllabus. Information about Responsive Design in Android Studio Tutorial covers all important topics for Design 2026 Exam. Find important definitions, questions, notes, meanings, examples, exercises and tests below for Responsive Design in Android Studio Tutorial.
Introduction of Responsive Design in Android Studio Tutorial in English is available as part of our How to Design UI in Android Studio for Design & Responsive Design in Android Studio Tutorial in Hindi for How to Design UI in Android Studio course. Download more important topics related with notes, lectures and mock test series for Design Exam by signing up for free.
Description
Video: Responsive Design in Android Studio Tutorial of How to Design UI in Android Studio have been curated by the Design experts, helping you revise the topic quickly for exam preparation. Watch on EduRev.
Information about Responsive Design in Android Studio Tutorial
Here you can find the meaning of Responsive Design in Android Studio Tutorial defined & explained in the simplest way possible. Besides explaining types of Responsive Design in Android Studio Tutorial theory, EduRev gives you an ample number of questions to practice Responsive Design in Android Studio Tutorial tests, examples and also practice Design tests.
Related Searches
Exam, Viva Questions, mock tests for examination, study material, Responsive Design in Android Studio Tutorial, Objective type Questions, Sample Paper, Summary, Important questions, past year papers, video lectures, Extra Questions, shortcuts and tricks, ppt, pdf , Semester Notes, MCQs, Previous Year Questions with Solutions, Responsive Design in Android Studio Tutorial, Free, practice quizzes, Responsive Design in Android Studio Tutorial;