How Inflation Works!. Examine the following code public class MainActivity extends Activity {...

27
How Inflation Works!

Transcript of How Inflation Works!. Examine the following code public class MainActivity extends Activity {...

Page 1: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

How Inflation Works!

Page 2: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Examine the following codepublic class MainActivity extends Activity {

@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);}

}

Page 3: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

This is what happens when you don’t call setContentView()

Page 4: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Examine the following codepublic class MainActivity extends Activity {

@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);

}}

Page 5: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Result when calling setContentView()

Page 6: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

What is setContentView() doing? @Override public void setContentView(int layoutResID) { if (mContentParent == null) { installDecor(); } else { mContentParent.removeAllViews(); } mLayoutInflater.inflate(layoutResID, mContentParent); final Callback cb = getCallback(); if (cb != null && !isDestroyed()) { cb.onContentChanged(); } }

Taken from PhoneWindow.java

Page 7: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

What is setContentView() doing? @Override public void setContentView(int layoutResID) { if (mContentParent == null) { installDecor(); } else { mContentParent.removeAllViews(); } mLayoutInflater.inflate(layoutResID, mContentParent); final Callback cb = getCallback(); if (cb != null && !isDestroyed()) { cb.onContentChanged(); } }

1

Passing in specified layout resource to LayoutInflater.inflate()

Page 8: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Inflation??

Inflation happens when you instantiate an XML layout resource

file into its corresponding View objects.

Page 9: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Let’s try explaining inflation with HTML

<html> <body> <p>Let's explain how Inflation works!</p> </body></html>

Page 10: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

In the background, we have the DOM

<html> <body> <p>Let's explain how Inflation works!</p> </body></html>

html

body

p

DOM Tree

Page 11: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

DOM Refresh

• The DOM is a tree of node objects representing an HTML document.

• The DOM is not actual HTML markup, it is javascript node Objects.

Page 12: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

How to add this HTML Snippet into the <body>?

<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

• Imagine this HTML is stored in a separate file called snippet.html

• We want to take this snippet and somehow add it into the DOM

Page 13: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

html

body

p<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

A naive attempt. Directly add HTML to DOM nodes.

Page 14: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

html

body

p<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

A naive attempt. Directly add HTML to DOM nodes.

BAD!!!

Page 15: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

<script type="text/javascript">//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

Page 16: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

Page 17: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

<div>

Page 18: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

<div>bg-color: red

Page 19: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

<div>bg-color: red

<p>

Page 20: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

<div>bg-color: red

<p>#text: I am…

Page 21: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

<div>bg-color: red

<p>#text: I am…

<body>

Page 22: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Convert HTML to node<script type="text/javascript">

//create a new <div> nodevar div = document.createElement("div");//set background color of <div> to reddiv.style.backgroundColor = "red";//create a <p> nodevar p = document.createElement("p");p.innerHTML = "I am some text that will be inflated";//find <body>var body = document.getElementByTagName("body")[0];//attach <p> to <div>div.appendChild(p);//attach <div> to <body>body.appendChild(div);

</script>

<div>bg-color: red

<p>#text: I am…

<body>

Page 23: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Inflation: Going from HTML to Node Object

<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

snippet.html

Inflater Machine

Page 24: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Objects

Inflation: Going from HTML to Node Object

<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

snippet.html

HTML

Inflater Machine

<div>bg-color: red

<p>#text: I am…

Page 25: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

Bringing it all together

html

body

p <div>bg-color: red

<p>#text: I am…

Page 26: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

<html> <body> <p>Let's explain how Inflation works!</p>

<div style="background-color:red"> <p>I am some text that will be inflated</p></div>

</body></html>

html

body

p <div>bg-color: red

<p>#text: I am…

Page 27: How Inflation Works!. Examine the following code public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState)

((Activity)context).getLayoutInflater().inflate(R.layout.rating_text_view, this);

In Android World


Brake Override Technolgy

Brake Override Technolgy

Pressure Comp Override 2

Pressure Comp Override 2

Override control system

Override control system

Mill Levy Override Dollars in District 6 · Recap of Mill Levy Override Election November 2017: Voters approve 10 mill Mill Levy Override for Greeley-Evans School District 6 by a

Mill Levy Override Dollars in District 6 · Recap of Mill Levy Override Election November 2017: Voters approve 10 mill Mill Levy Override for Greeley-Evans School District 6 by a

Lesson 10 Android Intents - cis.csuohio.educis.csuohio.edu/.../Android-Chapter10-Intents.pdf · Android Intents Applications, Activities and Intents. 3 Activity-1 (MainActivity) Activity-2

Lesson 10 Android Intents - cis.csuohio.educis.csuohio.edu/.../Android-Chapter10-Intents.pdf · Android Intents Applications, Activities and Intents. 3 Activity-1 (MainActivity) Activity-2

Override Bypass Control

Override Bypass Control

18 Ratio, Selective, Override Control

18 Ratio, Selective, Override Control

APN Override - cisco.com · APN Override Configuring Operator Identifier Override •orig-apn: ... APN Override show mme-service all. MME Administration Guide, StarOS Release 21 8

APN Override - cisco.com · APN Override Configuring Operator Identifier Override •orig-apn: ... APN Override show mme-service all. MME Administration Guide, StarOS Release 21 8

Override Decision 2015 Sunnyside Community Responds.

Override Decision 2015 Sunnyside Community Responds.

Recap - latemar.science.unitn.itlatemar.science.unitn.it/segue_userFiles/2016Mobile/Android3-2016.… · 6 onCreate(Bundle b) Callback invoked when the activity is starting. This

Recap - latemar.science.unitn.itlatemar.science.unitn.it/segue_userFiles/2016Mobile/Android3-2016.… · 6 onCreate(Bundle b) Callback invoked when the activity is starting. This

M&O Override Community Meetings

M&O Override Community Meetings

VOTE NO ON PROP 2 ½ OVERRIDE

VOTE NO ON PROP 2 ½ OVERRIDE

Gear box & Manual Override Catalog

Gear box & Manual Override Catalog

Bettis M18 Manual Hydraulic Override System

Bettis M18 Manual Hydraulic Override System

ELECTRICAL SPECIFICATIONS MANUAL OVERRIDE

ELECTRICAL SPECIFICATIONS MANUAL OVERRIDE

We Manufacture Solutions - ADIGRA Cetop/Cetop 3/Vickers... · 6 Manual Override Blank - Override in solenoid end only P2 - Manual override in end cap and solenoid, A & B models only.

We Manufacture Solutions - ADIGRA Cetop/Cetop 3/Vickers... · 6 Manual Override Blank - Override in solenoid end only P2 - Manual override in end cap and solenoid, A & B models only.

FREUDENBERG PERFORMANCE MATERIALS APPAREL ITALY … · for the menswear tailoring industry, sold as pre-made parts and roll goods ... Mainactivity FREUDENBERG Performance materials

FREUDENBERG PERFORMANCE MATERIALS APPAREL ITALY … · for the menswear tailoring industry, sold as pre-made parts and roll goods ... Mainactivity FREUDENBERG Performance materials

CS482 Lab Session 2 - KAISTvclab.kaist.ac.kr/cs482/cs482_lab_02_hellowopengl3d.pdf · MainActivity • In Android, an activity represents a single screen with a user interface. •

CS482 Lab Session 2 - KAISTvclab.kaist.ac.kr/cs482/cs482_lab_02_hellowopengl3d.pdf · MainActivity • In Android, an activity represents a single screen with a user interface. •

Does everyone have an override code?

Does everyone have an override code?

Vessel and Blood Specification Override Cardiac Potential ...labs.biology.ucsd.edu/yelon/pdfs/schoenebeck2007.pdf · Developmental Cell Article Vessel and Blood Specification Override

Vessel and Blood Specification Override Cardiac Potential ...labs.biology.ucsd.edu/yelon/pdfs/schoenebeck2007.pdf · Developmental Cell Article Vessel and Blood Specification Override