기술나눔

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

임무 목표

그림 1과 같이 TextView, Button 등을 사용하여 계산기 인터페이스를 구현합니다.

그림 1 계산기 인터페이스 렌더링

작업 분석

전체 인터페이스는 테이블 레이아웃을 사용합니다. 첫 번째 행은 4개 열, 중간 4개 행 및 4개 열에 걸쳐 있는 TextView 컨트롤을 사용하며, 마지막 행의 첫 번째 컨트롤은 2개 열에 걸쳐 있습니다.

과제 구현

1) 새 프로젝트를 생성하고 "Empty Views Activity"를 선택하고 프로젝트 이름을 Calucator로 지정하고 패키지 이름을 cn.edu.jssvc.calucator로 지정합니다.
2) 선형 레이아웃 디자인 인터페이스를 사용하고, Activity_mail.xml을 열고, 코드 보기로 전환하고, 코드의 제약 조건 레이아웃(ConstraintLayout)을 테이블 레이아웃(TableLayout)으로 변경하고, 그 안의 컨트롤을 삭제하고, android:stretchColumns 속성을 설정합니다. TableLayout = "0,1,2,3".
3) 그림 2와 그림 3처럼 Palette 영역의 TableRow를 Component Tree로 드래그하고 TableRow 속성 android:layout_weight="1"을 설정하여 이 5개의 행이 전체 화면을 균등하게 나누도록 합니다.

그림 2 TableRow 설정

그림 3 TableRow 속성 설정
4) TextView 컨트롤을 행 1로 드래그하고 android:layout_span 속성을 4로 설정합니다. 즉, 4개 열에 걸쳐 있습니다.

                                   

                    上一篇
                    下一篇