title
Android Layout Design Tutorial | Android UI Design Explained | Android Studio Tutorial | Edureka

description
** Android Certification Training: https://www.edureka.co/android-development-certification-course ** This Edureka video on "Android Layout Design Tutorial" (Blog Series: http://bit.ly/2MJ6zbc ) will help you understand the Android Layout and how to work with them. This Edureka video provides knowledge on the following topics: Introduction to UI components Views Types of Layouts Units of measurement Demo Subscribe to our channel to get video updates: http://bit.ly/2ApSck8 Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka #Edureka #EdurekaAndroid #AndroidLayoutDesignTutorial #AndroidLayoutDesign #AndroidDeveloper #AndroidDevelopment #AndroidTutorial #androidstudio #androidtutorialforbeginners Check our complete Android Playlist here: http://bit.ly/2NXLTtK How it Works? 1. Android for beginners is a 6 week practical course on Android App Development. 2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course. 3. At the end of the training you will be working on a real time project for which we will provide you a Grade and a Verifiable Certificate! - - - - - - - - - - - - - - - - - About the Course Edureka’s Android App Development Certification Training course is aligned with Google’s vision of helping to make India a global hub of high-quality mobile developers and towards that supporting Google in their endeavor to train two million android developers. Our Android course is taught by top practitioners who are working full time, developing complex mobile apps. Our instructors work closely with Edurekas in-house instructional design team to develop comprehensive and latest course content along with projects. Our interactive sessions and hands-on projects will ensure that you come out of this Android training as an ace developer. The Google authorized Android Development course is primarily designed for programmers who want to learn how to create mobile applications on the Android platform. As a part of this course, you will create widgets, Customize List view, Grid view, Spinners etc, create applications using audio, video and sqlite database and finally publish it on Google Play. This course will help you learn mobile app development from scratch and unlock new job opportunities for you in start-ups as well as large organizations. Master Android app development, learn how to set up Android Studio, understand Android architecture in detail, learn about integrating your mobile apps with Facebook, Twitter and other social media, Google Drive, Google Maps, SQLite and learn how to create and optimize app user experience. Who should go for this course? All those students and professionals who are keen to create amazing Apps in Android should go for this course. Why learn Android? Android is fast becoming one of the biggest platforms for programmers today. There is a huge demand for skilled Android developers all over the world. Most businesses across multiple domains are building Android Apps both for enterprise and retail products. Whether you are student or in the IT industry, possessing Android Development skills will help you take the next big leap in your career.As a part of this course, you'll develop your own mobile applications under the guidance of our expert instructors to give you a hands-on experience.This course is designed to help you become a top mobile app developer. For more information, Please write back to us at sales@edureka.in or call us at IND: 9606058406 / US: 18338555775 (toll free).

detail
{'title': 'Android Layout Design Tutorial | Android UI Design Explained | Android Studio Tutorial | Edureka', 'heatmap': [{'end': 558.631, 'start': 523.496, 'weight': 0.746}, {'end': 948.321, 'start': 887.734, 'weight': 0.767}], 'summary': 'Tutorial covers android design layout, ui components, xml-based layouts, and layout design in android studio, providing a comprehensive understanding of ui components, xml-based layouts, and layout design, including various design options and a tutorial on adjusting layout elements and text properties.', 'chapters': [{'end': 60.162, 'segs': [{'end': 60.162, 'src': 'embed', 'start': 31.955, 'weight': 0, 'content': [{'end': 36.416, 'text': "I'll be talking about the different types of layouts that are present in Android development.", 'start': 31.955, 'duration': 4.461}, {'end': 41.901, 'text': "I'm going to be discussing about the units of measurement, which is something new to you guys, that is,", 'start': 37.196, 'duration': 4.705}, {'end': 45.785, 'text': 'we have different kinds of units of measurements that are present in the design layout.', 'start': 41.901, 'duration': 3.884}, {'end': 47.907, 'text': "So we'll be discussing everything about that.", 'start': 46.225, 'duration': 1.682}, {'end': 53.953, 'text': "And finally, I'll wrap up this session by walking you through a demo where I'll be explaining different features that are present,", 'start': 48.027, 'duration': 5.926}, {'end': 57.497, 'text': 'like drag-and-drop text, layout, design, layout and all of it.', 'start': 53.953, 'duration': 3.544}, {'end': 60.162, 'text': 'So I hope the agenda was clear to you guys,', 'start': 58.081, 'duration': 2.081}], 'summary': 'Android development: discussing layouts, units of measurement, and demo features.', 'duration': 28.207, 'max_score': 31.955, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np831955.jpg'}], 'start': 11.311, 'title': 'Android design layout tutorial', 'summary': 'Introduces android design layout tutorial covering ui components, types of layouts, and units of measurement, followed by a demo of different features.', 'chapters': [{'end': 60.162, 'start': 11.311, 'title': 'Android design layout tutorial', 'summary': 'Introduces android design layout tutorial covering ui components, types of layouts, and units of measurement, followed by a demo of different features.', 'duration': 48.851, 'highlights': ['The chapter covers a proper introduction to the UI components and then discusses about the different types of layouts that are present in Android development.', 'It also includes a discussion about the units of measurement, presenting different kinds of units of measurements that are present in the design layout.', 'The session concludes with a demo explaining different features present, such as drag-and-drop text, layout, design, layout, and more.']}], 'duration': 48.851, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np811311.jpg', 'highlights': ['The chapter covers a proper introduction to the UI components and different types of layouts in Android development.', 'Discussion about the units of measurement and different kinds of units present in the design layout.', 'Demo explaining different features like drag-and-drop text, layout, and design.']}, {'end': 305.992, 'segs': [{'end': 123.636, 'src': 'embed', 'start': 77.066, 'weight': 0, 'content': [{'end': 83.668, 'text': "any application that you're working on, or any application that you want to develop has, and should have, a user interface,", 'start': 77.066, 'duration': 6.602}, {'end': 86.649, 'text': 'which is everything that the user can see and interact with.', 'start': 83.668, 'duration': 2.981}, {'end': 93.081, 'text': 'Android basically provides a variety of pre-built UI components, such as structured layout,', 'start': 87.478, 'duration': 5.603}, {'end': 100.785, 'text': 'objects and UI controls that allow you to build a GUI that is, graphical user interface for your application.', 'start': 93.081, 'duration': 7.704}, {'end': 107.849, 'text': 'Android also provides other UI modules for special interfaces, such as dialogues, notifications, menus and so on.', 'start': 100.785, 'duration': 7.064}, {'end': 113.53, 'text': 'and talking about the typical UI components that are used for any Android application development.', 'start': 108.507, 'duration': 5.023}, {'end': 119.273, 'text': 'They are namely main action bar view control content area and split action bar.', 'start': 113.83, 'duration': 5.443}, {'end': 123.636, 'text': "So these play a major role while you're developing a complex application.", 'start': 119.754, 'duration': 3.882}], 'summary': 'Android offers pre-built ui components for user interface, including main action bar, view control, content area, and split action bar.', 'duration': 46.57, 'max_score': 77.066, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np877066.jpg'}, {'end': 198.429, 'src': 'embed', 'start': 148.515, 'weight': 3, 'content': [{'end': 159.702, 'text': 'view is a small rectangular box in under development which response to the user inputs, such as, for example, we have button checkbox and so on,', 'start': 148.515, 'duration': 11.187}, {'end': 162.003, 'text': 'and we have something called the view groups here.', 'start': 159.702, 'duration': 2.301}, {'end': 172.392, 'text': 'So what exactly is this view group? A view group is an invisible container of other views namely a child view and other view groups.', 'start': 162.624, 'duration': 9.768}, {'end': 179.918, 'text': 'This view class is a super class of all the GUI components in Android in Android studio.', 'start': 173.173, 'duration': 6.745}, {'end': 184.382, 'text': 'We have a commonly used views called as edit text and image view.', 'start': 179.958, 'duration': 4.424}, {'end': 188.125, 'text': 'So these are the two views which will be working on for now guys.', 'start': 184.842, 'duration': 3.283}, {'end': 198.429, 'text': 'and it is also considered as the base class for widgets which are used to create interactive UI components such as buttons text fields and so on.', 'start': 188.914, 'duration': 9.515}], 'summary': 'View class in android is a super class of gui components, including edit text and image view.', 'duration': 49.914, 'max_score': 148.515, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8148515.jpg'}, {'end': 274.319, 'src': 'embed', 'start': 244.53, 'weight': 2, 'content': [{'end': 246.851, 'text': "So we'll be talking more about layouts,", 'start': 244.53, 'duration': 2.321}, {'end': 253.575, 'text': "the different types of layouts and how exactly you can design this layout while you're developing an application using Android.", 'start': 246.851, 'duration': 6.724}, {'end': 256.608, 'text': "So let's understand more about layouts.", 'start': 254.187, 'duration': 2.421}, {'end': 261.992, 'text': 'a layout basically defines the structure of the user interface of your application.', 'start': 256.608, 'duration': 5.384}, {'end': 269.216, 'text': 'all elements in the layout are built using a hierarchy of view, as well as the view group objects.', 'start': 261.992, 'duration': 7.224}, {'end': 274.319, 'text': 'a view usually is something that the user can see and interact with,', 'start': 269.216, 'duration': 5.103}], 'summary': "Discussion on android layouts and their role in defining the app's user interface.", 'duration': 29.789, 'max_score': 244.53, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8244530.jpg'}], 'start': 60.162, 'title': 'Android ui components and layouts', 'summary': "Covers the importance of ui components in android development, emphasizing pre-built ui components, major ui components, and the role of ui layouts in defining the visual structure of an application's interface.", 'chapters': [{'end': 123.636, 'start': 60.162, 'title': 'Android ui components overview', 'summary': 'Discusses the importance of ui components in android development, highlighting the pre-built ui components provided by android and emphasizing the major ui components used, including main action bar, view control, content area, and split action bar.', 'duration': 63.474, 'highlights': ['Android provides pre-built UI components like structured layout, objects, and UI controls for building graphical user interfaces.', 'The typical UI components used in Android application development are main action bar, view control, content area, and split action bar.', 'Emphasizing the importance of UI components for any application, the transcript suggests subscribing to Edureka channel for updates on trending Technologies.']}, {'end': 198.429, 'start': 124.236, 'title': 'Understanding ui components and view class', 'summary': 'Explains the role of ui components in creating a user interface, including the definition of a view, the purpose of a view group, and the role of the view class as the base for gui components in android studio.', 'duration': 74.193, 'highlights': ['The view class is a super class of all the GUI components in Android in Android studio. The view class is the base for GUI components in Android studio, including commonly used views like edit text and image view.', 'A view group is an invisible container of other views namely a child view and other view groups. Explains the concept of a view group as an invisible container for other views and view groups, providing a foundational understanding of UI design.', 'view is basically considered as a basic building block for a proper user interface that is actually created from the view class. Describes the view as a fundamental element for creating a user interface, emphasizing its creation from the view class.']}, {'end': 305.992, 'start': 199.17, 'title': 'Android ui layouts tutorial', 'summary': "Introduces android ui layouts, emphasizing the importance of layouts in defining the visual structure of an application's interface and discussing the xml vocabulary for creating layouts.", 'duration': 106.822, 'highlights': ['Android UI layouts define the structure of the user interface and are built using a hierarchy of view and view group objects.', 'Layouts can be created at runtime using view or view group objects, or can be declared using XML files, located in the result layout folder of the project.', 'The tutorial focuses on different types of layouts and their design for developing applications using Android, emphasizing the significance of layouts in customizing application pages.']}], 'duration': 245.83, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np860162.jpg', 'highlights': ['Android provides pre-built UI components like structured layout, objects, and UI controls for building graphical user interfaces.', 'The typical UI components used in Android application development are main action bar, view control, content area, and split action bar.', 'Android UI layouts define the structure of the user interface and are built using a hierarchy of view and view group objects.', 'The view class is a super class of all the GUI components in Android in Android studio.', 'A view group is an invisible container of other views namely a child view and other view groups.', 'The tutorial focuses on different types of layouts and their design for developing applications using Android, emphasizing the significance of layouts in customizing application pages.']}, {'end': 667.338, 'segs': [{'end': 439.002, 'src': 'embed', 'start': 393.095, 'weight': 0, 'content': [{'end': 395.856, 'text': 'So this XML based layouts are very useful.', 'start': 393.095, 'duration': 2.761}, {'end': 405.641, 'text': 'If you know the basic UI components at the time of compiling If you require the runtime UI components, then you need to add them using the XML code.', 'start': 395.956, 'duration': 9.685}, {'end': 408.802, 'text': 'So this XML based layout have the following advantages.', 'start': 406.161, 'duration': 2.641}, {'end': 417.985, 'text': 'It is mainly XML is very popular and widely used format and the majority of the developers out there are comfortable using this XML based layouts.', 'start': 409.442, 'duration': 8.543}, {'end': 423.566, 'text': 'It helps to provide separation of the UI components from the code logic,', 'start': 418.765, 'duration': 4.801}, {'end': 428.728, 'text': 'which in turn provides the flexibility to change one component without affecting much the other.', 'start': 423.566, 'duration': 5.162}, {'end': 433.541, 'text': 'Generating XML output is very easy than writing the direct code,', 'start': 429.52, 'duration': 4.021}, {'end': 439.002, 'text': 'which makes it easier to have drag-and-drop tools to generate interfaces for Android applications.', 'start': 433.541, 'duration': 5.461}], 'summary': 'Xml layouts offer flexibility and ease, widely used by developers.', 'duration': 45.907, 'max_score': 393.095, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8393095.jpg'}, {'end': 504.681, 'src': 'embed', 'start': 459.866, 'weight': 3, 'content': [{'end': 468.333, 'text': "so here are a few which I'll be talking about linear layout, absolute layout, table layout, frame layout and relative layout.", 'start': 459.866, 'duration': 8.467}, {'end': 474.537, 'text': 'So these are considered as a standard layouts or the view groups that can be used for Android application.', 'start': 468.993, 'duration': 5.544}, {'end': 478.06, 'text': "So now let's explore each one of them in detail.", 'start': 475.278, 'duration': 2.782}, {'end': 481.608, 'text': "So first I'll be talking about a linear layout.", 'start': 478.726, 'duration': 2.882}, {'end': 487.591, 'text': 'what comes to your mind when you hear the word linear, linear and graphical terms, refers to a straight line.', 'start': 481.608, 'duration': 5.983}, {'end': 494.415, 'text': 'So this linear and Android development is used to arrange views in a single column or a row.', 'start': 488.292, 'duration': 6.123}, {'end': 498.617, 'text': 'It is further divided into horizontal and vertical layout.', 'start': 495.095, 'duration': 3.522}, {'end': 504.681, 'text': "So we'll see how this works when we get to our demo section now talking about absolutely out.", 'start': 498.938, 'duration': 5.743}], 'summary': 'Discusses various standard layouts for android applications, including linear, absolute, table, frame, and relative layouts.', 'duration': 44.815, 'max_score': 459.866, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8459866.jpg'}, {'end': 558.631, 'src': 'heatmap', 'start': 523.496, 'weight': 0.746, 'content': [{'end': 527.818, 'text': 'This is not any web application or anything, as this is a mobile application, right?', 'start': 523.496, 'duration': 4.322}, {'end': 530.179, 'text': "I don't basically deals with mobile development.", 'start': 528.198, 'duration': 1.981}, {'end': 539.603, 'text': "Using this absolutely out you can specify the exact location of the children in the class as a name suggest you'll have rows and columns.", 'start': 530.979, 'duration': 8.624}, {'end': 544.165, 'text': 'So this table layout helps in grouping the views into rows and columns.', 'start': 540.143, 'duration': 4.022}, {'end': 553.929, 'text': 'Now, what is relative layout? So this relative layout enables you to specify how child views are positioned relative to each other.', 'start': 544.865, 'duration': 9.064}, {'end': 558.631, 'text': 'Okay Now say if you want to add in two buttons onto your application.', 'start': 553.949, 'duration': 4.682}], 'summary': 'Discussion of mobile application layout and positioning of child views.', 'duration': 35.135, 'max_score': 523.496, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8523496.jpg'}, {'end': 649.046, 'src': 'embed', 'start': 619.559, 'weight': 4, 'content': [{'end': 626.282, 'text': "So that's the reason I want you guys to understand how exactly you can specify the size of an element using Android.", 'start': 619.559, 'duration': 6.723}, {'end': 632.865, 'text': "So the unit of measurement that I'll be talking about is DP SP PT and PX.", 'start': 626.862, 'duration': 6.003}, {'end': 638.007, 'text': "I think most of you are very familiar with PX because it's used for pixels.", 'start': 633.405, 'duration': 4.602}, {'end': 642.789, 'text': 'and talking about the other three DP is density independent pixel.', 'start': 638.007, 'duration': 4.782}, {'end': 649.046, 'text': 'One DP is equivalent to one pixel on a 160 dpi screen.', 'start': 643.622, 'duration': 5.424}], 'summary': 'Understanding how to specify element size in android using dp, sp, pt, and px, with 1 dp equivalent to 1 pixel on a 160 dpi screen.', 'duration': 29.487, 'max_score': 619.559, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8619559.jpg'}], 'start': 306.61, 'title': 'Android xml-based layouts and measurements', 'summary': 'Covers design of android layouts using view and view group classes, creation and advantages of xml based layouts, including benefits such as separation of ui components, ease of generating xml output, and flexibility in changing components. it also discusses various xml-based layouts in android including linear, absolute, table, frame, and relative layouts, and units of measurements such as dp, sp, pt, and px used in android application development.', 'chapters': [{'end': 439.002, 'start': 306.61, 'title': 'Xml based layouts in android', 'summary': 'Discusses the design of android application layouts using view and view group classes, the creation and advantages of xml based layouts, including its benefits such as providing separation of ui components, ease of generating xml output, and flexibility in changing components.', 'duration': 132.392, 'highlights': ['XML based layouts provide separation of UI components from code logic, offering flexibility in changing components without affecting others. It provides the flexibility to change one component without affecting much the other.', 'XML output is easier to generate than writing direct code, facilitating the use of drag-and-drop tools to generate interfaces for Android applications. Generating XML output is very easy than writing the direct code, which makes it easier to have drag-and-drop tools to generate interfaces for Android applications.', 'XML based layouts are widely used and popular among developers for defining UI components at the time of compiling. XML is very popular and widely used format and the majority of the developers out there are comfortable using this XML based layouts.']}, {'end': 667.338, 'start': 439.702, 'title': 'Android layouts & units of measurement', 'summary': 'Discusses the various xml-based layouts in android including linear, absolute, table, frame, and relative layouts, and the units of measurements such as dp, sp, pt, and px used in android application development.', 'duration': 227.636, 'highlights': ['The chapter discusses the various XML-based layouts in Android including linear, absolute, table, frame, and relative layouts. The chapter provides an overview of the different types of layouts present in Android development, including their functionalities and use cases.', 'It explains the units of measurements such as DP, SP, PT, and PX used in Android application development. The chapter delves into the different units of measurements and their usage in Android, including the equivalence of DP to pixels on a 160 dpi screen and the recommendation of SP for specifying font sizes.', 'The linear layout in Android is used to arrange views in a single column or a row, and it is further divided into horizontal and vertical layouts. The linear layout in Android arranges views in a single column or row, providing flexibility for design and presentation, thus offering a variety of options for developers.']}], 'duration': 360.728, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8306610.jpg', 'highlights': ['XML based layouts provide separation of UI components from code logic, offering flexibility in changing components without affecting others.', 'XML output is easier to generate than writing direct code, facilitating the use of drag-and-drop tools to generate interfaces for Android applications.', 'XML based layouts are widely used and popular among developers for defining UI components at the time of compiling.', 'The chapter discusses the various XML-based layouts in Android including linear, absolute, table, frame, and relative layouts.', 'It explains the units of measurements such as DP, SP, PT, and PX used in Android application development.', 'The linear layout in Android is used to arrange views in a single column or a row, and it is further divided into horizontal and vertical layouts.']}, {'end': 1199.972, 'segs': [{'end': 758.72, 'src': 'embed', 'start': 736.276, 'weight': 0, 'content': [{'end': 744.322, 'text': 'We also have navigation drawer activity Google Maps activity native C++ table activity scrolling activity and login activity.', 'start': 736.276, 'duration': 8.046}, {'end': 749.233, 'text': 'So these are the different types of projects that you can create using Android studio.', 'start': 744.969, 'duration': 4.264}, {'end': 755.658, 'text': "So the first thing I'll be doing is I'll select navigation or draw activity because we are considering working with the layout.", 'start': 749.673, 'duration': 5.985}, {'end': 758.72, 'text': 'So we need to use the drawer activity as well.', 'start': 756.138, 'duration': 2.582}], 'summary': 'Android studio offers various project types, including navigation drawer, google maps, native c++, table, scrolling, and login activities.', 'duration': 22.444, 'max_score': 736.276, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8736276.jpg'}, {'end': 868.031, 'src': 'embed', 'start': 831.647, 'weight': 3, 'content': [{'end': 833.468, 'text': 'So this contains build files.', 'start': 831.647, 'duration': 1.821}, {'end': 838.391, 'text': "The source wheel is where we're going to find our corresponding design layout.", 'start': 834.449, 'duration': 3.942}, {'end': 841.573, 'text': 'So Android test this is used to test an application.', 'start': 838.911, 'duration': 2.662}, {'end': 844.674, 'text': 'You can see that it has example instrument test.', 'start': 842.193, 'duration': 2.481}, {'end': 847.676, 'text': 'You can see that the code is already present here.', 'start': 845.675, 'duration': 2.001}, {'end': 850.057, 'text': "So let's not get into Android test.", 'start': 847.736, 'duration': 2.321}, {'end': 852.099, 'text': 'We are currently working on layout.', 'start': 850.738, 'duration': 1.361}, {'end': 854.94, 'text': "So let's focus on finding where exactly layouts reside.", 'start': 852.139, 'duration': 2.801}, {'end': 857.362, 'text': "Okay, so let's get to the main section here.", 'start': 855.22, 'duration': 2.142}, {'end': 859.803, 'text': 'So this Java holds main activity.', 'start': 857.862, 'duration': 1.941}, {'end': 868.031, 'text': 'So you can see that there is this corresponding code which says main activity and you can see that it is creating a function called on create.', 'start': 860.484, 'duration': 7.547}], 'summary': 'Transcript discusses android app structure and layout, including test files and java code.', 'duration': 36.384, 'max_score': 831.647, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8831647.jpg'}, {'end': 953.224, 'src': 'heatmap', 'start': 879.24, 'weight': 1, 'content': [{'end': 881.862, 'text': 'So this is a corresponding code for main activity.', 'start': 879.24, 'duration': 2.622}, {'end': 887.087, 'text': 'Okay So this is where all our drawable files and layouts reside.', 'start': 882.463, 'duration': 4.624}, {'end': 893.38, 'text': "This drawable holds XML files here and layout is what we're going to be focusing on.", 'start': 887.734, 'duration': 5.646}, {'end': 895.402, 'text': "So let's get to the layout section here.", 'start': 893.44, 'duration': 1.962}, {'end': 898.185, 'text': 'Okay, we have four XML files here.', 'start': 895.962, 'duration': 2.223}, {'end': 901.288, 'text': 'So, once these activity main.', 'start': 898.325, 'duration': 2.963}, {'end': 903.41, 'text': 'so you can see that there are two components here.', 'start': 901.288, 'duration': 2.122}, {'end': 909.136, 'text': 'here one is considered as a parent layout and the other is considered as a child layout.', 'start': 903.41, 'duration': 5.726}, {'end': 910.878, 'text': 'and talking about app bar,', 'start': 909.136, 'duration': 1.742}, {'end': 916.493, 'text': 'So you can see that the activity main has plain blank screens over here.', 'start': 911.63, 'duration': 4.863}, {'end': 921.897, 'text': 'Whereas the application bar holds an image over here and it also holds the text field.', 'start': 916.934, 'duration': 4.963}, {'end': 926.64, 'text': 'talking about content mean this XML file holds the constraint layout.', 'start': 921.897, 'duration': 4.743}, {'end': 932.764, 'text': 'So content main also holds the similar activities that are taking place in the application bar main.', 'start': 927.3, 'duration': 5.464}, {'end': 934.951, 'text': "We're talking about navigation header.", 'start': 933.43, 'duration': 1.521}, {'end': 938.093, 'text': 'You can see that the majors are also added over here.', 'start': 935.371, 'duration': 2.722}, {'end': 942.717, 'text': 'It is linear layout and it says application compact text view.', 'start': 938.634, 'duration': 4.083}, {'end': 948.321, 'text': 'So it says Android studio and Android studio dot Android.com.', 'start': 943.417, 'duration': 4.904}, {'end': 953.224, 'text': 'Okay, so this is the text that is holding and the image which this is holding.', 'start': 948.401, 'duration': 4.823}], 'summary': 'The main activity code includes drawable files and layouts, with 4 xml files in the layout section. it consists of parent and child layouts, app bar with an image and text field, and content main with constraint layout and navigation header.', 'duration': 73.984, 'max_score': 879.24, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8879240.jpg'}, {'end': 1112.527, 'src': 'embed', 'start': 1084.855, 'weight': 2, 'content': [{'end': 1088.398, 'text': "Yeah, we have a button here and I'm going to add text to it.", 'start': 1084.855, 'duration': 3.543}, {'end': 1090.399, 'text': 'We have palette over here.', 'start': 1088.998, 'duration': 1.401}, {'end': 1092.781, 'text': 'So let me just talk about what is a palette.', 'start': 1090.459, 'duration': 2.322}, {'end': 1098.54, 'text': 'Palette is a list of views and view groups that you can drag onto your layout.', 'start': 1093.658, 'duration': 4.882}, {'end': 1108.005, 'text': 'Now, what about the component tree which is present over here? This component tree basically helps in viewing the hierarchy of your layout.', 'start': 1099.161, 'duration': 8.844}, {'end': 1110.366, 'text': 'Now talking about the toolbar.', 'start': 1108.846, 'duration': 1.52}, {'end': 1112.527, 'text': 'So this is a toolbar.', 'start': 1111.047, 'duration': 1.48}], 'summary': 'Demonstration of ui components: button, palette, component tree, toolbar.', 'duration': 27.672, 'max_score': 1084.855, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np81084855.jpg'}, {'end': 1164.726, 'src': 'embed', 'start': 1135.779, 'weight': 4, 'content': [{'end': 1138.62, 'text': 'Okay So these are the common attributes that are present guys.', 'start': 1135.779, 'duration': 2.841}, {'end': 1141.941, 'text': 'It controls the selected views attributes.', 'start': 1139.32, 'duration': 2.621}, {'end': 1144.442, 'text': 'Okay So I hope you guys are clear with it.', 'start': 1142.241, 'duration': 2.201}, {'end': 1146.823, 'text': 'Now, let me just go here.', 'start': 1145.242, 'duration': 1.581}, {'end': 1149.064, 'text': 'It says coordinator layout.', 'start': 1147.443, 'duration': 1.621}, {'end': 1155.261, 'text': 'So let me just quickly give you a proper or brief introduction to what is a coordinator layout.', 'start': 1149.838, 'duration': 5.423}, {'end': 1164.726, 'text': 'So this layout is described as a super powered frame layout which is used to facilitate how views within your layout interact with each other.', 'start': 1156.001, 'duration': 8.725}], 'summary': 'Coordinator layout facilitates interaction between views within the layout.', 'duration': 28.947, 'max_score': 1135.779, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np81135779.jpg'}], 'start': 669.699, 'title': 'Android layout design and structure', 'summary': 'Covers creating and navigating android studio projects, discussing layout file locations, and explaining the structure of android layout files, including main activity, xml files for drawable and layout. it also provides detailed explanations of attributes and components, enabling view interaction within the layout, and demonstrates adding components to the layout and the functionality of the design editor.', 'chapters': [{'end': 854.94, 'start': 669.699, 'title': 'Android layout design demo', 'summary': 'Demonstrates creating and navigating android studio projects, showcasing different project options and discussing the location of layout files in android studio.', 'duration': 185.241, 'highlights': ['The chapter showcases creating a new project in Android studio, with options like basic activity, empty activity, and navigation drawer activity. options like basic activity, empty activity, and navigation drawer activity', 'The transcript discusses the location of layout files in Android studio and the presence of build files and corresponding design layouts. presence of build files and corresponding design layouts']}, {'end': 1199.972, 'start': 855.22, 'title': 'Android layout structure', 'summary': 'Explains the structure of android layout files, including main activity, xml files for drawable and layout, and detailed explanations of attributes and components, enabling the interaction of views within the layout. it also demonstrates how to add components to the layout and the functionality of the design editor.', 'duration': 344.752, 'highlights': ['The chapter explains the structure of Android layout files, including main activity, XML files for drawable and layout, and detailed explanations of attributes and components, enabling the interaction of views within the layout.', 'It demonstrates how to add components to the layout and the functionality of the design editor, allowing users to drag and drop and configure the layout appearance with the toolbar and palette.', 'A detailed explanation of the coordinator layout, highlighting its role as a super-powered frame layout facilitating interactions between views within the layout.']}], 'duration': 530.273, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np8669699.jpg', 'highlights': ['The chapter showcases creating a new project in Android studio with options like basic activity, empty activity, and navigation drawer activity.', 'The chapter explains the structure of Android layout files, including main activity, XML files for drawable and layout, and detailed explanations of attributes and components, enabling the interaction of views within the layout.', 'It demonstrates how to add components to the layout and the functionality of the design editor, allowing users to drag and drop and configure the layout appearance with the toolbar and palette.', 'The transcript discusses the location of layout files in Android studio and the presence of build files and corresponding design layouts.', 'A detailed explanation of the coordinator layout, highlighting its role as a super-powered frame layout facilitating interactions between views within the layout.']}, {'end': 1445.435, 'segs': [{'end': 1297.284, 'src': 'embed', 'start': 1200.553, 'weight': 0, 'content': [{'end': 1209.079, 'text': 'It is the text which is included which is of the content main class then you can zoom in and zoom out using this toolbar over here.', 'start': 1200.553, 'duration': 8.526}, {'end': 1211.721, 'text': 'We can change the app theme if you want.', 'start': 1209.779, 'duration': 1.942}, {'end': 1222.098, 'text': 'guys, you can also check the Android availability over here, the number of pixels and if you want it, in the landscape, portrait or UI mode,', 'start': 1211.721, 'duration': 10.377}, {'end': 1230.721, 'text': 'night mode, any other way that you want to display or view this particular layout, you can use this orientation feature.', 'start': 1222.098, 'duration': 8.623}, {'end': 1232.822, 'text': 'now talking about selecting the design surface.', 'start': 1230.721, 'duration': 2.101}, {'end': 1237.664, 'text': 'We have design plus blueprint with selected design plus blueprint by default.', 'start': 1233.102, 'duration': 4.562}, {'end': 1239.384, 'text': 'We have blueprint alone.', 'start': 1237.984, 'duration': 1.4}, {'end': 1240.665, 'text': 'We have design alone.', 'start': 1239.424, 'duration': 1.241}, {'end': 1244.327, 'text': 'You can also alter your specifications over here.', 'start': 1241.505, 'duration': 2.822}, {'end': 1247.208, 'text': 'You can change the width of the layout.', 'start': 1244.907, 'duration': 2.301}, {'end': 1252.291, 'text': 'You can also change the height of the layout ID is most important feature here guys.', 'start': 1247.608, 'duration': 4.683}, {'end': 1261.255, 'text': 'If you know the idea of a particular element you can easily find it or you can easily differentiate it between two parent or two child classes.', 'start': 1252.871, 'duration': 8.384}, {'end': 1263.817, 'text': 'So the text that is given is button.', 'start': 1261.936, 'duration': 1.881}, {'end': 1265.898, 'text': 'I can change it to new button.', 'start': 1263.877, 'duration': 2.021}, {'end': 1271.297, 'text': 'Yeah, you can see that it is changed over here and the layout width.', 'start': 1268.075, 'duration': 3.222}, {'end': 1279.823, 'text': 'Yeah, you can see that there are a lot of options over here can also change the text style right can also include a checkbox over here.', 'start': 1271.858, 'duration': 7.965}, {'end': 1282.625, 'text': "So I'm going to just drag and drop it.", 'start': 1279.864, 'duration': 2.761}, {'end': 1287.149, 'text': 'You can see that the checkbox is present over here.', 'start': 1284.947, 'duration': 2.202}, {'end': 1291.552, 'text': "So I'm just going to take the checkbox and place it in here.", 'start': 1287.209, 'duration': 4.343}, {'end': 1294.074, 'text': "I'm going to place this checkbox.", 'start': 1292.292, 'duration': 1.782}, {'end': 1297.284, 'text': "Okay, so I'm going to put it to left.", 'start': 1295.183, 'duration': 2.101}], 'summary': 'The transcript covers using a design tool to modify layout, text, and elements for android app development.', 'duration': 96.731, 'max_score': 1200.553, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np81200553.jpg'}, {'end': 1376.424, 'src': 'embed', 'start': 1347.731, 'weight': 3, 'content': [{'end': 1353.215, 'text': 'All you can do is you can just drag your palette and drop it over the design editor.', 'start': 1347.731, 'duration': 5.484}, {'end': 1355.317, 'text': 'You can edit the placing of it.', 'start': 1353.235, 'duration': 2.082}, {'end': 1357.538, 'text': 'You can edit the size and everything.', 'start': 1355.357, 'duration': 2.181}, {'end': 1362.522, 'text': 'Okay Now say for example, if you want this particular checkbox to be aligned to Center.', 'start': 1357.558, 'duration': 4.964}, {'end': 1376.424, 'text': "So I'm going to write layout as Center horizontal and let's check.", 'start': 1363.282, 'duration': 13.142}], 'summary': 'Design editor allows dragging and dropping palettes, editing size and alignment.', 'duration': 28.693, 'max_score': 1347.731, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np81347731.jpg'}], 'start': 1200.553, 'title': 'Android layout design options and tutorial', 'summary': 'Explores various design options for android layout, such as zooming and theme changes, and provides a tutorial on adjusting layout elements, text properties, and aligning elements.', 'chapters': [{'end': 1247.208, 'start': 1200.553, 'title': 'Android layout design options', 'summary': 'Details the various design options available for android layout, including zooming, changing app theme, and altering specifications such as width and orientation.', 'duration': 46.655, 'highlights': ['The chapter discusses the ability to zoom in and out, change app themes, and check Android availability on different devices, providing a comprehensive overview of design options.', 'It explains the orientation feature that allows users to display layouts in landscape, portrait, or UI mode, providing flexibility for different viewing preferences.', 'The transcript also details the ability to alter specifications such as changing the width of the layout, providing practical customization options for Android layout design.']}, {'end': 1445.435, 'start': 1247.608, 'title': 'Android design layout tutorial', 'summary': 'Explains the android design layout functionalities, including adjusting layout elements, changing text and checkbox properties, and aligning elements, providing practical demonstrations throughout the tutorial.', 'duration': 197.827, 'highlights': ['Explaining how to change the text style, include a checkbox, and adjust its properties, with practical demonstrations, providing a comprehensive understanding of customizing layout elements.', 'Showing how to align a checkbox to the center of the design layout horizontally and vertically, demonstrating practical customization of element placement.', 'Emphasizing the importance of the layout ID in differentiating between parent or child classes and finding elements easily, offering a crucial insight into the significance of layout identification.']}], 'duration': 244.882, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/PJ3RdfJ4Np8/pics/PJ3RdfJ4Np81200553.jpg', 'highlights': ['The chapter discusses the ability to zoom in and out, change app themes, and check Android availability on different devices, providing a comprehensive overview of design options.', 'Explaining how to change the text style, include a checkbox, and adjust its properties, with practical demonstrations, providing a comprehensive understanding of customizing layout elements.', 'It explains the orientation feature that allows users to display layouts in landscape, portrait, or UI mode, providing flexibility for different viewing preferences.', 'Showing how to align a checkbox to the center of the design layout horizontally and vertically, demonstrating practical customization of element placement.', 'The transcript also details the ability to alter specifications such as changing the width of the layout, providing practical customization options for Android layout design.', 'Emphasizing the importance of the layout ID in differentiating between parent or child classes and finding elements easily, offering a crucial insight into the significance of layout identification.']}], 'highlights': ['The chapter discusses the ability to zoom in and out, change app themes, and check Android availability on different devices, providing a comprehensive overview of design options.', 'The chapter explains the structure of Android layout files, including main activity, XML files for drawable and layout, and detailed explanations of attributes and components, enabling the interaction of views within the layout.', 'The chapter covers a proper introduction to the UI components and different types of layouts in Android development.', 'XML based layouts provide separation of UI components from code logic, offering flexibility in changing components without affecting others.', 'Android provides pre-built UI components like structured layout, objects, and UI controls for building graphical user interfaces.', 'The chapter showcases creating a new project in Android studio with options like basic activity, empty activity, and navigation drawer activity.', 'The linear layout in Android is used to arrange views in a single column or a row, and it is further divided into horizontal and vertical layouts.', 'The typical UI components used in Android application development are main action bar, view control, content area, and split action bar.', 'The tutorial focuses on different types of layouts and their design for developing applications using Android, emphasizing the significance of layouts in customizing application pages.', 'The chapter explains the orientation feature that allows users to display layouts in landscape, portrait, or UI mode, providing flexibility for different viewing preferences.']}