Android dev 5 .pdf



Nom original: Android dev 5.pdf

Ce document au format PDF 1.3 a été généré par Apple Keynote 5.3 / Mac OS X 10.9.1 Quartz PDFContext, et a été envoyé sur fichier-pdf.fr le 15/08/2016 à 18:25, depuis l'adresse IP 41.230.x.x. La présente page de téléchargement du fichier a été vue 420 fois.
Taille du document: 4.1 Mo (23 pages).
Confidentialité: fichier public


Aperçu du document


Developpement
Android
jaballah rabie

samedi 20 juillet 13

layouts & views
jaballah rabie
samedi 20 juillet 13

layout

samedi 20 juillet 13

linearlayout

• Le LinearLayout est un Layout qui repose sur
une idée de boite, c’est-à-dire que les
conteneurs ou les widgets appartenant à ce
Layout sont soit alignés en ligne horizontale
ou verticale.

samedi 20 juillet 13

exemple 1
Modifiant l’activité MainActivty

layout = new LinearLayout(this);






text1 = new TextView(this);





text2 = new TextView(this);





BitmapDrawable bmp = (BitmapDrawable) getResources().getDrawable(R.drawable.crack06);









text1.setText("it is text1");





text2.setText("it is text2");









layout.addView(text1);





layout.addView(text2);









layout.setGravity(Gravity.RIGHT);





layout.setPadding(0, 20, 20, 0);





layout.setOrientation(LinearLayout.VERTICAL);





layout.setBackground(bmp);









samedi 20 juillet 13

setContentView(layout);

exemple 2
Modifiant le layout activity_main.xml

• Graphiquement

samedi 20 juillet 13

exemple 2
Modifiant le layout activity_main.xml

• directement sur .xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
</LinearLayout>

samedi 20 juillet 13







Orientation du Layout : «android:orientation»



Verticale : Oriente les éléments sur une ligne verticale.



Horizontale : Oriente les éléments sur une ligne horizontale.

Taille des éléments : «android:layout_width» & «android:layout_height»



Une taille fixe : par exemple 50px (pixels). Donc quelque soit la taille de l’écran, l’élément occupera
exactement 50px.



fill_parent : Dans ce cas on demande au composant d’occuper tout l’espace disponible chez son conteneur
parent (après le placement des autres widgets).



wrap_content : Pour demander au Widget d’occuper une taille naturelle (la taille de son contenu pour le
texte par exemple). S’il est trop gros par rapport à la taille disponible.

Gravité des éléments : «android:layout_gravity»



samedi 20 juillet 13

Les gravités les plus couramment utilisées sont left, center_horizontal, top, bottom, right, pour
respectivement aligner les éléments à gauche, au centre, en haut, en bas et à droite.

relativelayout

• Le principe du RelativeLayout est de placer les
éléments selon d’ autres éléments du
conteneur.

samedi 20 juillet 13

position % conteneur

samedi 20 juillet 13



android:layout_alignParentTop (true / false) : Cette option permet de
préciser si le haut de l’élément doit être aligné avec celui de son
conteneur.
De meme :android:layout_alignParentBottom,
android:layout_alignParentLeft et android:layout_alignParentRight.



android:layout_centerHorizontal : Indique si l’élément doit être centré
horizontalement dans son conteneur.
De meme : android:layout_centerVertical



android:layout_centerInParent : Vous permet d’indiquer que
l’élément doit être centré horizontalement et verticalement dans le
conteneur.

position % autres
éléments

samedi 20 juillet 13



android:layout_above



android:layout_below



android:layout_toLeftOf



android:layout_toRightOf



android:layout_alignTop



android:layout_alignBottom



android:layout_alignLeft



android:layout_alignRight



android:layout_alignBaseLine

views

samedi 20 juillet 13

views
• Button: Un bouton cliquable.
• CheckBox: Une checkbox.
• EditText: Un champ de texte éditable.
• DatePicker: Sélection de dates.
• RadioButton: Représente les boutons radios.
• Toast: Un pop up message qui s’affiche sur l’écran.
• ImageButton: Une image qui se comporte comme un
bouton.

samedi 20 juillet 13

Button
• Exemple





















samedi 20 juillet 13

int i = 0;
TextView text;
Button bt;
@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);


text =(TextView)findViewById(R.id.textView1);

Button bt =(Button)findViewById(R.id.ajout);

bt.setOnClickListener(new OnClickListener() {




@Override


public void onClick(View arg0) {



// TODO Auto-generated method stub



i++;



text.setText(""+i);


}

});
}

CheckBox
• Exemple


CheckBox ch1,ch2,ch3;
@Override

protected void
onCreate(Bundle savedInstanceState)
{


super.onCreate(savedInstanceState);


setContentView(R.layout.activity_ma
in);


ch1 =
(CheckBox)findViewById(R.id.checkBo
x1);


ch2 =
(CheckBox)findViewById(R.id.checkBo
x2);


ch3 =
(CheckBox)findViewById(R.id.checkBo
x3);




click(ch1);


click(ch2);


click(ch3);

}

samedi 20 juillet 13


private void click(CheckBox
ch12) {


// TODO Auto-generated
method stub


ch12.setOnClickListener(new
OnClickListener() {






@Override



public void
onClick(View v) {




// TODO Autogenerated method stub




if
(((CheckBox) v).isChecked()) {





((CheckBox) v).setText("is
checked");




}




if (!
((CheckBox) v).isChecked()) {





((CheckBox) v).setText("not
checked");




}



}


});

}

EditText
• Exemple
























samedi 20 juillet 13

Button bt;
TextView tx;
EditText ed;
@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);


bt = (Button)findViewById(R.id.button1);

tx = (TextView)findViewById(R.id.textView1);

ed = (EditText)findViewById(R.id.editText1);


bt.setOnClickListener(new OnClickListener() {




@Override


public void onClick(View v) {



// TODO Auto-generated method stub



String st = (String)ed.getText().toString();



tx.setText(st);



ed.setText("");


}

});
}

Toast
• Exemple 1

Button bt;
@Override

protected void onCreate(Bundle savedInstanceState) {


super.onCreate(savedInstanceState);


setContentView(R.layout.activity_main);


bt = (Button)findViewById(R.id.button1);




bt.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View arg0) {




// TODO Auto-generated method stub




Toast.makeText(getApplicationContext(),"Button is
clicked", Toast.LENGTH_LONG).show();



}


});

}

samedi 20 juillet 13

Toast
• Exemple 2

bt = (Button)findViewById(R.id.button1);




bt.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View arg0) {




// TODO Auto-generated method stub




LayoutInflater inflater =
getLayoutInflater();




View layout
=inflater.inflate(R.layout.toast, (ViewGroup)
findViewById(R.id.toast));








Toast toast = new
Toast(getApplicationContext());




toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);




toast.setDuration(Toast.LENGTH_LONG);




toast.setView(layout);




toast.show();



}


});

samedi 20 juillet 13

RadioButton
• Exemple 1
rg = (RadioGroup)findViewById(R.id.radioGroup1);



r0 = (RadioButton)findViewById(R.id.radio0);


r1 = (RadioButton)findViewById(R.id.radio1);


r2 = (RadioButton)findViewById(R.id.radio2);


r3 = (RadioButton)findViewById(R.id.radio3);




r0.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View arg0) {




// TODO Auto-generated method stub




Toast.makeText(getApplicationContext(),"R0 is
clicked", Toast.LENGTH_LONG).show();



}


});


r1.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View arg0) {




// TODO Auto-generated method stub




Toast.makeText(getApplicationContext(),"R1 in
clicked", Toast.LENGTH_LONG).show();




((RadioButton)arg0).setTextColor(Color.BLUE);



}


});

samedi 20 juillet 13

RadioButton
• Exemple 2
RadioGroup rg;


Button bt;

@Override

protected void onCreate(Bundle savedInstanceState) {


super.onCreate(savedInstanceState);


setContentView(R.layout.activity_main);


rg = (RadioGroup)findViewById(R.id.radioGroup1);


bt = (Button)findViewById(R.id.button1);


bt.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View v) {




// TODO Auto-generated method stub




int selected =
rg.getCheckedRadioButtonId();




Toast.makeText(MainActivity.this,
((RadioButton) findViewById(selected)).getText(),
Toast.LENGTH_LONG).show();



}


});

samedi 20 juillet 13

DatePicker


TextView tx ;
Button bt;

DatePicker dp;

int mYear;

int mMonth;

int mDay;

Calendar c;

@Override

protected void onCreate(Bundle
savedInstanceState) {


super.onCreate(savedInstanceState);


setContentView(R.layout.activity_main);


bt =
(Button)findViewById(R.id.button1);


tx =
(TextView)findViewById(R.id.textView1);


bt.setOnClickListener(new
OnClickListener() {






@Override



public void onClick(View v) {




// TODO Auto-generated
method stub




DatePickerDialog DPD =
new DatePickerDialog(MainActivity.this,mdate,
mYear, mMonth,mDay);
DPD.show();

samedi 20 juillet 13




}


});




c = Calendar.getInstance();


mYear = c.get(Calendar.YEAR);


mMonth = c.get(Calendar.MONTH);


mDay =
c.get(Calendar.DAY_OF_MONTH);


tx.setText(new StringBuilder()


.append(mMonth +
1).append("-").append(mDay).append("-")


.append(mYear));

}
DatePickerDialog.OnDateSetListener mdate =
new DatePickerDialog.OnDateSetListener() {


@Override

public void onDateSet(DatePicker view,
int year, int monthOfYear,



int dayOfMonth) {


// TODO Auto-generated method stub


mYear = year;


mMonth = monthOfYear;


mDay = dayOfMonth;


tx.setText(new StringBuilder()


.append(mMonth +
1).append("-").append(mDay).append("-")


.append(mYear));



}


};

• Exemple 1


im = (ImageButton)findViewById(R.id.imageButton1);


im.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View arg0) {




// TODO Auto-generated method stub




Toast.makeText(MainActivity.this,"ImageButton is clicked!",
Toast.LENGTH_LONG).show();



}


});

samedi 20 juillet 13

• Exemple 2


Button im;
@Override

protected void onCreate(Bundle savedInstanceState) {


super.onCreate(savedInstanceState);


setContentView(R.layout.activity_main);




im = (Button)findViewById(R.id.Button1);


im.setOnClickListener(new OnClickListener() {






@Override



public void onClick(View arg0) {




// TODO Auto-generated method stub




Toast.makeText(MainActivity.this,"ImageButton is
clicked!", Toast.LENGTH_LONG).show();



}


});

}
//// bt.xml ////
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/ic_launcher2"
android:state_pressed="true" />
<item android:drawable="@drawable/ic_launcher3"
android:state_focused="true" />
<item android:drawable="@drawable/ic_launcher" />
</selector>

samedi 20 juillet 13


Aperçu du document Android dev 5.pdf - page 1/23
 
Android dev 5.pdf - page 2/23
Android dev 5.pdf - page 3/23
Android dev 5.pdf - page 4/23
Android dev 5.pdf - page 5/23
Android dev 5.pdf - page 6/23
 




Télécharger le fichier (PDF)


Android dev 5.pdf (PDF, 4.1 Mo)

Télécharger
Formats alternatifs: ZIP



Documents similaires


mainactivity
elecodes page preparer
elecodes page visiter
elecodes page map
elecodes page informations
listadaptermedoc

Sur le même sujet..