Դաս 13.1.3 – Android Development: Table Layout

0

Android TableLayout-ը կազմակերպված view-երի խմբեր է լինելու, շարքերով և աղյուսակներով: Դուք կօգտագործեք <TableRow> էլեմենտը շարք ստեղծելու համար: Յուրաքանչյուր շարք ունի զրո կամ մի քանի էլեմենտներ. Յուրաքանչյուչ էլէմենտ կարող է ունենալ մեկ View օբյեկտ:

TableLayout կոնտեյներները չեն ցուցադրում սահամանի գծեր իրենց շարքերի համար, կամ էլեմենտենր:

table

TableLayout Ատրիբուտներ

Հետևյալները կարևոր TableLayout ատրիբուտներ են −

Sr.No. Ատրիբուտ & Նկարագրություն
1 android:id

Սա ID է, որը յուրահատուկ կերպով նկարագրում է նախագիծը:

2 android:collapseColumns

Սա հատկորոշում է աղյուսակների փլուզվելու զրոյականի վրա հիմնված ինդեքսը: Աղյուսակի ցուցանիշները պետք է բաժանված լինեն ստորակետներով. 1, 2, 5.

3 android:shrinkColumns

Նեղանալու աղյուսակների զրոյականի վրա հիմնված ինդեքսը: Աղյուսակի ցուցանիշները պետք է բաժանված լինեն ստորակետներով. 1, 2, 5.

4 android:stretchColumns

Ձգվելու աղյուսակների զրոյականի վրա հիմնված ինդեքսը: Աղյուսակի ցուցանիշները պետք է բաժանված լինեն ստորակետներով. 1, 2, 5.

Օրինակ

Այս օրինակը կբացատրի Android հավելված ստեղծելու պարզ քայլերը օգտագործելով Սեղանի Նախագիծ: Հետևյալ քայլերը կփոփոխեն  Android հավելվածը, որ մենք ստեղծել են Hello World Example գլխում −

Քայլ Նկարագրություն
1 Կօգտագործեք Android Studio IDE ստեղծելու Android հավելված և անվանեք այն demo  com.example.demo  փաթեթի ներքո, ինչպես բացատրված է Hello World Example գլխում:
2 Փոփոխեք  res/layout/activity_main.xml ֆայլի դեֆոլտ կոնտենտը, ներառելու մի քանի ֆայլեր սեղանի նախագծում:
3 Կարիք չկա փոփոխելու string.xml-ը, Android studio հոգ է տանում դեֆոլտ բաղադրիչների մասին:
4 Միացրեք հավելվածը մեկնարկելու Android էմուլյատորը և հաստատեք փոփոխությունների արդյունքը հավելվածում:

Հետևյալը փոփոխված գործունեության ֆայլի բովանդակությունն է src/com.example.demo/MainActivity.java. Այս ֆայլը կարող է ներառել ֆունդամենտալ lifecycle-ի մեթոդներ:

package com.example.demo;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
   
}

Հետևյալը կլինի res/layout/activity_main.xml ֆայլի բովանդակությունը −

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <TextView
         android:text="Time"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <TextClock
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/textClock"
         android:layout_column="2" />
			
   </TableRow>
   
   <TableRow>
	
      <TextView
         android:text="First Name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <EditText
         android:width="200px"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
   </TableRow>
   
   <TableRow>
	
      <TextView
         android:text="Last Name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <EditText
         android:width="100px"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
   </TableRow>
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <RatingBar
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/ratingBar"
         android:layout_column="2" />
   </TableRow>
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"/>
		
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Submit"
         android:id="@+id/button"
         android:layout_column="2" />
   </TableRow>

</TableLayout>

Հետևյալը կլինի res/values/strings.xml ֆայլի բեվանդակությունը, որը սահմանում է երկու բաղադրիչներ −

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">HelloWorld</string>
   <string name="action_settings">Settings</string>
</resources>

Եկեք փորձենք մեր փոփոխված Hello World! հավելվածը, որն նոր ստեղծեցինք: Ենթադրում ենք, որ ստեղծել եք ձեր AVD environment set-up անելիս: Հավելվածը միացնելու համար Android Studio-ից, բացեք ձեր պրոյեկտների գործունեության ֆայլերից և սեղմեք Run կոճակին: Android Studio-ն ներբեռնում է հավելվածը ձեր AVD-ի վրա և սկսեք հավելվածը գործել, և եթե ամեն ինչ նորմալ է ձեր կարգավորումների հետ, հավելվածը կցուցադրի Էմուլյատոր պատուհան, որտեղ մենք կսեղմենք Menu կոճակը, տեսնելու հետևյալ պատուհանը:

table1

Հարգելի ընթերցող, խնդրում ենք չմոռանալ like տալ մեր ֆեյսբուքյան էջին, քանի որ նորությունների մեծ մասը առաջինը տեղադրվում է հենց այնտեղ։ Ինչպես նաև հետևեք մեզ այլ սոցիալական ցանցերում և, իհարկե, գրանցվեք մեր բլոգում։

Share.