Difference between revisions of "Android App"
| Line 5: | Line 5: | ||
<syntaxhighlight lang="java"> | <syntaxhighlight lang="java"> | ||
< TextView //open tag | < TextView //open tag | ||
| − | android:text=“Happy Valentine’s Day” // attributes | + | android:text=“Happy Valentine’s Day” // attributes |
| − | android:background=“@android:color/darker_gray” // attributes | + | android:background=“@android:color/darker_gray” // attributes |
| − | Android:layout_width=“150dp” // attributes | + | Android:layout_width=“150dp” // attributes |
| − | Android:layout_height=“75dp”/> // attributes and close tag | + | Android:layout_height=“75dp”/> // attributes and close tag |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | [[File:1.png| | + | [[File:1.png|500px|thumb|center|]] |
For the width / height to be precisely with the size of the content the value will be = “wrap_content” | For the width / height to be precisely with the size of the content the value will be = “wrap_content” | ||
| − | |||
[[File:2.png|950px|thumb|center|]] | [[File:2.png|950px|thumb|center|]] | ||
| − | |||
[[File:3.png|950px|thumb|center|]] | [[File:3.png|950px|thumb|center|]] | ||
| − | |||
[[File:4.png|950px|thumb|center|]] | [[File:4.png|950px|thumb|center|]] | ||
| Line 32: | Line 29: | ||
[[File:6.png|950px|thumb|center|]] | [[File:6.png|950px|thumb|center|]] | ||
| − | |||
[[File:7.png|950px|thumb|center|]] | [[File:7.png|950px|thumb|center|]] | ||
| Line 50: | Line 46: | ||
[[File:8.png|950px|thumb|center|]] | [[File:8.png|950px|thumb|center|]] | ||
| − | |||
[[File:9.png|950px|thumb|center|]] | [[File:9.png|950px|thumb|center|]] | ||
| Line 97: | Line 92: | ||
[[File:13.png|950px|thumb|center|]] | [[File:13.png|950px|thumb|center|]] | ||
| − | |||
<syntaxhighlight lang="java"> | <syntaxhighlight lang="java"> | ||
| Line 141: | Line 135: | ||
https://developer.android.com/guide/topics/ui/layout/linear.html?utm_source=udacity&utm_medium=course&utm_campaign=android_basics | https://developer.android.com/guide/topics/ui/layout/linear.html?utm_source=udacity&utm_medium=course&utm_campaign=android_basics | ||
| − | |||
[[File:15.png|950px|thumb|center|]] | [[File:15.png|950px|thumb|center|]] | ||
| − | |||
[[File:16.png|950px|thumb|center|]] | [[File:16.png|950px|thumb|center|]] | ||
[[File:17.png|950px|thumb|center|]] | [[File:17.png|950px|thumb|center|]] | ||
| − | |||
[[File:18.png|950px|thumb|center|]] | [[File:18.png|950px|thumb|center|]] | ||
| − | |||
[[File:19.png|950px|thumb|center|]] | [[File:19.png|950px|thumb|center|]] | ||
[[File:20.png|950px|thumb|center|]] | [[File:20.png|950px|thumb|center|]] | ||
| Line 155: | Line 145: | ||
[[File:22.png|950px|thumb|center|]] | [[File:22.png|950px|thumb|center|]] | ||
[[File:23.png|950px|thumb|center|]] | [[File:23.png|950px|thumb|center|]] | ||
| − | |||
[[File:24.png|950px|thumb|center|]] | [[File:24.png|950px|thumb|center|]] | ||
[[File:25.png|950px|thumb|center|]] | [[File:25.png|950px|thumb|center|]] | ||
| Line 171: | Line 160: | ||
[[File:29.png|950px|thumb|center|]] | [[File:29.png|950px|thumb|center|]] | ||
| − | |||
<syntaxhighlight lang="java"> | <syntaxhighlight lang="java"> | ||
| Line 246: | Line 234: | ||
android:background="#00FF" | android:background="#00FF" | ||
android:textColor="#FFFF"/> | android:textColor="#FFFF"/> | ||
| − | |||
<TextView | <TextView | ||
| Line 308: | Line 295: | ||
[[File:32.png|950px|thumb|center|]] | [[File:32.png|950px|thumb|center|]] | ||
[[File:33.png|950px|thumb|center|]] | [[File:33.png|950px|thumb|center|]] | ||
| − | |||
| − | |||
<syntaxhighlight lang="java"> | <syntaxhighlight lang="java"> | ||
| Line 352: | Line 337: | ||
[[File:34.png|950px|thumb|center|]] | [[File:34.png|950px|thumb|center|]] | ||
| − | In layers view | + | |
| + | In layers view Overlapping view | ||
| + | position attributes | ||
[[File:35.png|950px|thumb|center|]] | [[File:35.png|950px|thumb|center|]] | ||
| − | |||
[[File:36.png|950px|thumb|center|]] | [[File:36.png|950px|thumb|center|]] | ||
[[File:37.png|950px|thumb|center|]] | [[File:37.png|950px|thumb|center|]] | ||
[[File:38.png|950px|thumb|center|]] | [[File:38.png|950px|thumb|center|]] | ||
Revision as of 13:55, 6 August 2019
Adroid
XML syntax
< TextView //open tag
android:text=“Happy Valentine’s Day” // attributes
android:background=“@android:color/darker_gray” // attributes
Android:layout_width=“150dp” // attributes
Android:layout_height=“75dp”/> // attributes and close tag
For the width / height to be precisely with the size of the content the value will be = “wrap_content”
or
https://plus.google.com/+AndroidDevelopers/posts/gQuBtnuk6iG
Hex Color
<TextView
android:text="Happy Valentine's Day Ale eu amo vc de montao :) !"
android:textColor="@android:color/black"
android:background="#FF0266"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="45sp"
android:textStyle="bold"
/>
Image
<TextView
<ImageView
android:src="@drawable/cake"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="centerCrop"/>
ViewGroups
- LinearLayout
- RelativeLayout
<TextView
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:text="Guest List"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="24sp" />
<TextView
android:text="Kunal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="24sp" />
</LinearLayout>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
<TextView
android:text="VIP List"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Kunal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Kagure"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Lyla"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
</LinearLayout>
Documentation with all the parameters.
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FF8000">
<TextView
android:id="@+id/lyla_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:textSize="24sp"
android:text="Lyla"
android:layout_marginBottom="20dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="5dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/me_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_toRightOf="@id/lyla_text_view"
android:textSize="24sp"
android:text="Me"
android:layout_marginBottom="20dp"
android:layout_marginLeft="20dp"
android:layout_marginTop="5dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/natalie_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_above="@id/lyla_text_view"
android:textSize="24sp"
android:text="Natalie"
android:layout_marginLeft="13dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/jennie_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:textSize="24sp"
android:text="Jennie"
android:layout_marginBottom="20dp"
android:layout_marginRight="10dp"
android:layout_marginTop="5dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/omoju_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_above="@id/jennie_text_view"
android:textSize="24sp"
android:text="Omoju"
android:layout_marginRight="10dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/amy_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_above="@id/omoju_text_view"
android:textSize="24sp"
android:text="Amy"
android:layout_marginRight="10dp"
android:layout_marginBottom="5dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/ben_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textSize="24sp"
android:text="Ben"
android:layout_marginLeft="5dp"
android:layout_marginTop="20dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/kunal_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toLeftOf="@id/ben_text_view"
android:textSize="24sp"
android:text="Kunal"
android:layout_marginTop="20dp"
android:background="#00FF"
android:textColor="#FFFF"/>
<TextView
android:id="@+id/kagure_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@id/ben_text_view"
android:textSize="24sp"
android:text="Kagure"
android:layout_marginLeft="15dp"
android:layout_marginTop="20dp"
android:background="#00FF"
android:textColor="#FFFF"/>
</RelativeLayout>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:src="@drawable/ocean"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:scaleType="centerCrop"/>
<TextView
android:text="You're invited!"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:textSize="45sp"
android:background="#009688"
android:paddingTop="16dp"
android:paddingRight="16dp"
android:paddingLeft="16dp"
android:paddingBottom="8dp"/>
<TextView
android:text="Bonfire at the beach"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:textSize="24sp"
android:background="#009688"
android:paddingBottom="16dp"
android:paddingRight="16dp"
android:paddingLeft="16dp"/>
</LinearLayout>
In layers view Overlapping view
position attributes
