Korea Software HRD Center

Slides:



Advertisements
Similar presentations
Programming with Android: Widgets and Events Luca Bedogni Marco Di Felice Dipartimento di Scienze dell’Informazione Università di Bologna.
Advertisements

 User Interface - Raeha Sandalwala.  Introduction to UI  Layouts  UI Controls  Menus and ‘Toasts’  Notifications  Other interesting UIs ◦ ListView.
User Interface Classes.  Design Principles  Views & Layouts  Event Handling  Menus  Dialogs.
Android Form Elements. Views Provide common UI functionality Form elements: text area, button, radio button, checkbox, dropdown list, etc. Date and time.
Layout and Control in UI The user interface (UI) is the graphical interface user can see and interact with your app comprising UI controls like textbox,
CS378 - Mobile Computing User Interface Basics MIKE!! LOOK HERE FOR intercepting the ListView items:
ANDROID UI - DEVELOP AND DESIGN Peter Liu School of ICT, Seneca College.
Introduction to Android Programming Content Basic environmental structure Building a simple app Debugging.
Chapter 5 Creating User Interfaces GOALS and OBJECTIVES Begin our application by creating our user interface. More than one way to create a user interface.
Android Layouts. Layouts Define the user interface for an activity Layouts are defined in.xml files – within /res/layout folder – different layout can.
1 Announcements Homework #2 due Feb 7 at 1:30pm Submit the entire Eclipse project in Blackboard Please fill out the when2meets when your Project Manager.
Programming Mobile Applications with Android September, Albacete, Spain Jesus Martínez-Gómez.
Programming with Android: Layouts, Widgets and Events Luca Bedogni Marco Di Felice Dipartimento di Scienze dell’Informazione Università di Bologna.
Unit 2, Lesson 4 Using Auto Features in Word. Objectives Check and correct spelling. Check and correct spelling. Check and correct grammar. Check and.
Presented By: Muhammad Tariq Software Engineer Android Training course.
Copyright© Jeffrey Jongko, Ateneo de Manila University Basic Views and Layouts.
User Interface Android Club Agenda Button OnClickListener OnLongClickListener ToggleButton Checkbox RatingBar AutoCompleteTextView.
MOBILE COMPUTING D10K-7D02 MC04: Layouts Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran.
HW#9 Clues CSCI 571 Fall, HW#9 Prototype
Designing user interfaces using: Simple views 1. Views Basic views – TextView – EditText – Button – ImageButton – CheckBox – ToggleButton – RadioButton.
GUI Components 1 Fall 2012 CS2302: Programming Principles.
Building User Interfaces Basic Applications
William H. Bowers Imperative and Selection Gizmos.
Chapter 2 Building User Interfaces and Basic Applications.
ARIA design patterns When UX meets a11y Funka Accessibility Day 2016.
Building User Interfaces and Basic Applications Chapter 2 1.
HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.
Http :// developer. android. com / guide / topics / fundamentals. html.
CS371m - Mobile Computing User Interface Basics. UI Programming with Widgets Widget is an element in a Graphical User Interface (GUI) – not to be confused.
Android intro Building UI #1: basics. UI layout.xml Controls Layouts AdapterViews Toasts dp/sp/px Animations 2.
CMPE419 Mobile Application Development Asst.Prof.Dr.Ahmet Ünveren SPRING Computer Engineering Department Asst.Prof.Dr.Ahmet Ünveren
Instructor Notes To the instructor: This slide set has been prepared with both the highlights from the student text as well as notes from the text. The.
CMPE419 Mobile Application Development Asst.Prof.Dr.Ahmet Ünveren SPRING Computer Engineering Department Asst.Prof.Dr.Ahmet Ünveren
Mobile Computing CSE 40814/60814 Spring 2017.
INTRODUCTORY MICROSOFT WORD Lesson 3 – Helpful Word Features
Mobile Software Development for Android - I397
Android Widgets 1 7 August 2018
Mobile Application Development Chapter 4 [Android Navigation and Interface Design] IT448-Fall 2017 IT448- Fall2017.
Android App Computations
CS371m - Mobile Computing User Interface Basics.
Android Introduction Hello Views Part 2.
Software Engineering for Internet Applications
CS323 Android Model-View-Controller Architecture
CS371m - Mobile Computing User Interface Basics.
CIS 470 Mobile App Development
CMPE419 Mobile Application Development
CA16R405 - Mobile Application Development (Theory)
CMPE419 Mobile Application Development
Building User Interfaces Basic Applications
GUI Components.
BMI Android Application will take weight and height from the users to calculate Body Mass Index (BMI) with the information, whether user is underweight,
Android Developer Fundamentals V2
CIS 470 Mobile App Development
Android Developer Fundamentals V2
CMPE419 Mobile Application Development
Korea Software HRD Center
CMPE419 Mobile Application Development
Korea Software HRD Center
CMPE419 Mobile Application Development
Korea Software HRD Center
BLP 4216 MOBİL UYGULAMA GELİŞTİRME-2
Korea Software HRD Center
User Interface Screen Elements
CMPE419 Mobile Application Development
User Interface Screen Elements
Cosc 5/4730 EmojiCompat library..
Korea Software HRD Center
Korea Software HRD Center
Korea Software HRD Center
Android Sensor Programming
Presentation transcript:

Korea Software HRD Center វគ្គសិក្សា Android ជាភាសាខ្មែរ រៀបរៀងដោយ ៖ កុ្រម Android រក្សាសិទ្ធ ៖ Korea Software HRD Center Korea Software HRD Center

មាតិកា www.kshrd.com.kh ១. Basic Control ២. AutoComplete Control Button Control Text Field or Text View Control Edit Text Control Checkbox Control Radio Button Control Toggle Button Control ២. AutoComplete Control ៣. Spinner & Picker Control www.kshrd.com.kh

១.១ Basic Controls Button Control Syntax: <Button … /> or <Button … > </Button> ឧ: <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=“Button" />

១.១ Basic Controls Text Field or Text View Control Syntax: <TextView … /> or <TextView … > </TextView> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=“TextView" />

១.១ Basic Controls Edit Text Control Syntax: <EditText … /> or <EditText … > </EditText> ឧ: <EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ems="10“ />

១.១ Basic Controls Checkbox Control Syntax: <CheckBox … /> or <CheckBox … > </CheckBox> ឧ: <CheckBox android:id="@+id/checkBox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=“CheckBox" />

១.១ Basic Controls Radio Button Control Syntax: <RadioButton … /> or <RadioButton … > </RadioButton> ឧ: <RadioButton android:id="@+id/radioButton1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=“RadioButton" />

១.១ Basic Controls Toggle Button Control Toggle Button គឺជា​ button​ បិទ/បើក ដែលមានភ្លើងបញ្ជាក់នៅពេលបើក។ Syntax: <Switch … /> or <Switch … > </Switch> ឧ: <Switch android:id="@+id/switch1" android:layout_width="wrap_content" android:layout_height="wrap_content“ />

២ Auto Complete Controls ​ Auto Complete គឺជាcontrol​ ផ្តល់ suggestion មកកាន់អ្នកប្រើប្រាស់ពេលគេកំពុងបញ្ចូលទិន្នន័យ។ Auto Complete Control មាន 2 ប្រភេទ: Auto Complete Text View Control Multi Auto Complete Text View Control

២ Auto Complete Controls Auto Complete Text View Control Auto Complete Text View គឺជា control ដែលផ្តល់ជា​ suggestion សំរាប់ឃ្លា​ពេញប៉ុណ្ណោះ។ Syntax: ​​ <AutoCompleteTextView … /> Or <AutoCompleteTextView … > </AutoCompleteTextView> ឧ: <AutoCompleteTextView android:id="@+id/autoCompleteTextView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ems="10" />

២ Auto Complete Controls Multi Auto Complete Text View Control Multi Auto Complete Auto Complete Text View គឺជា control ដែលផ្តល់ជា​ suggestion សំរាប់រាប់ពាក្យដែលនៅក្នុងមួយប្រយោគ។ អ្នកក៏អាចកំណត់សញ្ញាសំរាប់​កាត់នៅចន្លោះពាក្យនីមួយៗផងដែរ។ Syntax: <MultiAutoCompleteTextView … /> Or <MultiAutoCompleteTextView … > </MultiAutoCompleteTextView> ឧ: <MultiAutoCompleteTextView android:id="@+id/multiAutoCompleteTextView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ems="10" />

៣ Spinner & Picker Controls Spinner Control Spinner control គឺជាប្រភេទ adapter view ​ដែលមានរូបរាងដូចទៅនឹង drop-down list ដែរ អនុញ្ញាតអោយអ្នកប្រើប្រាស់ជ្រើសរើសបានមួយតំលៃពីក្នុង​ spinner។ Syntax: <Spinner … /> or <Spinner … > </Spinner> ឧ: <Spinner android:id="@+id/spinner1" android:layout_width="wrap_content" android:layout_height="wrap_content“ />

៣ Spinner & Picker Controls Picker control គឺជាប្រអប់ដែលអនុញ្ញាតអោយអ្នកប្រើប្រាស់ជ្រើសយកថៃ្ង ឬ ម៉ោងតាមរយៈ up/down buttons ឬ​តាមរយៈការ swipe ។ Picker Control មានពីរប្រភេទគឺ: Date Picker Control (ចាប់យកថ្ងៃ) Time Picker Control​ (ចាប់យកម៉ោង)

៣ Spinner & Picker Controls Date Picker Control Date Picker control គឺជា control ដែលប្រើសម្រាប់ចាប់យកថ្ងៃ។ Syntax:​​​​ <DatePicker … /> or <DatePicker … > </DatePicker> ឧ: <DatePicker android:id="@+id/datePicker1" android:layout_width="wrap_content" android:layout_height="wrap_content“ />

៣ Spinner & Picker Controls Time Picker Control Time Picker control គឺជា control ដែលចាប់យកម៉ោង។ Syntax: <TimePicker … /> or <TimePicker… > </TimePicker> ឧ: <TimePicker android:id="@+id/timePicker1" android:layout_width="wrap_content" android:layout_height="wrap_content“ />

សមាជិក ក្រុមអ្នកស្រាវជ្រាវ ក្រុមផលិតវីដេអូ Mr. Chang Pumeoung chang.pumeoung@gmail.com Mr. Menh Sowattana menhsowattana168@gmail.com Mr. Choeung Bunna bunnach@gmail.com Ms. Pen Voneat penvoneat@gmail.com Lee Koui Pheng lee.pheng.galaxy@gmail.com Mr. Horn Daneth horndaneth3@gmail.com Mr. Nguon Youty nguonyouty@gmail.com Chheng Kaoly chhengkaoly@gmail.com Mr. Khov Ea Hang Khov.eahang@gmail.com Mr. Sous Veasna veasnasous@yahoo.com

មេរៀនបន្ទាប់ នឹងធ្វើការបង្ហាញពី ​ Menu & Dialog