Thiết kế giao diện Android - App Calculation Android Studio

Đối với lập trình trên thiết bị di động thiết kế giao diện quá một vấn đề cực kỳ quan trọng. Bởi App của bạn có được người dùng ưa thích không là 1 phần lớn do giao diện của nó. Đặc biệt là đối với lập trình trên android thì thiết kế giao diện Android là một vấn đề cực kỳ khó khăn bởi vì các thiết bị sử dụng android có rất nhiều chủng loại, nhiều kích cỡ màng hình khác nhau.
Vậy làm sao để thiết kế giao diện Android 1 cách đẹp nhất. Hôm nay StudyCoding.Net sẽ hướng dẫn các bạn chương trình "dễ nhất mọi ngôn ngữ" Calculation 





PHP:
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
xmlns:tools="http://schemas.android.com/tools"
    
android:layout_width="match_parent"
    
android:layout_height="match_parent"
    
android:background="#FF000000"
    
tools:context=".MainActivity" >

    <!-- 
dòng 1  Nháºp -->

    <
TextView
        android
:id="@+id/edt_output"
        
android:layout_width="wrap_content"
        
android:layout_height="wrap_content"
        
android:ems="10"
        
android:gravity="right"
        
android:textSize="15sp" />

    <
TableRow
        android
:layout_width="fill_parent"
        
android:layout_height="60sp"
        
android:background="#FF000000" >

        <
EditText
            android
:id="@+id/edt"
            
android:layout_width="match_parent"
            
android:layout_height="60sp"
            
android:layout_weight="0.9"
            
android:gravity="right"
            
android:inputType="number"
            
android:text="9x8"
            
android:textColor="#FFFFFFFF"
            
android:textSize="35sp" >

            <
requestFocus />
        </
EditText>
    </
TableRow>
    <!-- 
dòng 2 Space vs DELETE -->

    <
TableRow
        android
:layout_width="fill_parent"
        
android:layout_height="60sp"
        
android:background="#FF000000" >

        <
Button
            android
:id="@+id/btnSpace"
            
android:layout_width="match_parent"
            
android:layout_height="50sp"
            
android:layout_marginLeft="2sp"
            
android:layout_weight="0.6"
            
android:background="#FF252222" >
        </
Button>

        <
Button
            android
:id="@+id/btnDelete"
            
android:layout_width="match_parent"
            
android:layout_height="50sp"
            
android:layout_marginLeft="3sp"
            
android:layout_marginRight="2sp"
            
android:layout_weight="0.3"
            
android:background="#FF252222"
            
android:onClick="btnNumberClick"
            
android:text="DELETE"
            
android:textColor="#FFFFFFFF" >
        </
Button>
    </
TableRow>

    <
TableLayout
        android
:layout_width="fill_parent"
        
android:layout_height="fill_parent"
        
android:layout_marginRight="3sp"
        
android:layout_marginTop="3sp" >

        <!-- 
789 -->

        <
TableRow
            android
:id="@+id/tableRow1"
            
android:layout_width="wrap_content"
            
android:layout_height="wrap_content"
            
android:layout_weight="0.250" >

            <
Button
                android
:id="@+id/btnNumber7"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="7"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber8"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="8"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber9"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="9"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnChia"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF252222"
                
android:onClick="btnNumberClick"
                
android:text="/"
                
android:textColor="#FFFFFFFF"
                
android:textSize="40sp" >
            </
Button>
        </
TableRow>
        <!-- 
456 -->

        <
TableRow
            android
:id="@+id/tableRow2"
            
android:layout_width="wrap_content"
            
android:layout_height="wrap_content"
            
android:layout_marginTop="2sp"
            
android:layout_weight="0.250" >

            <
Button
                android
:id="@+id/btnNumber4"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="4"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber5"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="5"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber6"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="6"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNhan"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF252222"
                
android:onClick="btnNumberClick"
                
android:text="x"
                
android:textColor="#FFFFFFFF"
                
android:textSize="40sp" >
            </
Button>
        </
TableRow>
        <!-- 
123 -->

        <
TableRow
            android
:id="@+id/tableRow3"
            
android:layout_width="wrap_content"
            
android:layout_height="wrap_content"
            
android:layout_marginTop="2sp"
            
android:layout_weight="0.250" >

            <
Button
                android
:id="@+id/btnNumber1"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="1"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber2"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="2"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber3"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="3"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnTru"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF252222"
                
android:onClick="btnNumberClick"
                
android:text="-"
                
android:textColor="#FFFFFFFF"
                
android:textSize="40sp" >
            </
Button>
        </
TableRow>
        <!-- . 
= -->

        <
TableRow
            android
:id="@+id/tableRow4"
            
android:layout_width="wrap_content"
            
android:layout_height="wrap_content"
            
android:layout_marginBottom="2sp"
            
android:layout_marginTop="2sp"
            
android:layout_weight="0.250" >

            <
Button
                android
:id="@+id/btnCham"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="."
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnNumber0"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF746C6C"
                
android:onClick="btnNumberClick"
                
android:text="0"
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnBang"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF252222"
                
android:onClick="btnNumberClick"
                
android:text="="
                
android:textColor="#FFFFFFFF"
                
android:textSize="60sp" >
            </
Button>

            <
Button
                android
:id="@+id/btnCong"
                
android:layout_width="fill_parent"
                
android:layout_height="fill_parent"
                
android:layout_marginLeft="2sp"
                
android:layout_weight="0.25"
                
android:background="#FF252222"
                
android:onClick="btnNumberClick"
                
android:text="+"
                
android:textColor="#FFFFFFFF"
                
android:textSize="40sp" >
            </
Button>
        </
TableRow>
    </
TableLayout>

</
TableLayout>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF000000"

    tools:context=".MainActivity" >

    <!-- dòng 1  Nhập -->

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="60sp"
        android:background="#FF000000" >

        <EditText
            android:id="@+id/edt_Output"
            android:layout_width="match_parent"
            android:layout_height="60sp"
            android:layout_weight="0.9"
            android:inputType="number"
            android:text="9x8"
            android:textColor="#FFFFFFFF"
            android:textSize="35sp" >

            <requestFocus />
        </EditText>
    </TableRow>
    <!-- dòng 2 Space vs DELETE -->

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="60sp"
        android:background="#FF000000" >

        <Button
            android:id="@+id/btnSpace"
            android:layout_width="match_parent"
            android:layout_height="50sp"
            android:layout_marginLeft="2sp"
            android:layout_weight="0.6"
            android:background="#FF252222" >
        </Button>

        <Button
            android:id="@+id/btnDelete"
            android:layout_width="match_parent"
            android:layout_height="50sp"
            android:layout_marginLeft="3sp"
            android:layout_marginRight="2sp"
            android:layout_weight="0.3"
            android:background="#FF252222"
            android:onClick="btnClick"
            android:text="DELETE"
            android:textColor="#FFFFFFFF" >
        </Button>
    </TableRow>

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginRight="3sp"
        android:layout_marginTop="3sp" >

        <!-- 789 -->

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.250" >

            <Button
                android:id="@+id/btnNumber7"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="7"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber8"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="8"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber9"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="9"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnChia"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF252222"
                android:text="/"
                android:textColor="#FFFFFFFF"
                android:textSize="40sp" >
            </Button>
        </TableRow>
        <!-- 456 -->

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="2sp"
            android:layout_weight="0.250" >

            <Button
                android:id="@+id/btnNumber4"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="4"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber5"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="5"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber6"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="6"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNhan"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF252222"
                android:text="×"
                android:textColor="#FFFFFFFF"
                android:textSize="40sp" >
            </Button>
        </TableRow>
        <!-- 123 -->

        <TableRow
            android:id="@+id/tableRow3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="2sp"
            android:layout_weight="0.250" >

            <Button
                android:id="@+id/btnNumber1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="1"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber2"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="2"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber3"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="3"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnTru"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF252222"
                android:text="-"
                android:textColor="#FFFFFFFF"
                android:textSize="40sp" >
            </Button>
        </TableRow>
        <!-- . 0 = -->

        <TableRow
            android:id="@+id/tableRow4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="2sp"
            android:layout_marginTop="2sp"
            android:layout_weight="0.250" >

            <Button
                android:id="@+id/btnCham"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="."
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnNumber0"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF746C6C"
                android:text="0"
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnBang"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF252222"
                android:text="="
                android:textColor="#FFFFFFFF"
                android:textSize="60sp" >
            </Button>

            <Button
                android:id="@+id/btnCong"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="2sp"
                android:layout_weight="0.25"
                android:background="#FF252222"
                android:text="+"
                android:textColor="#FFFFFFFF"
                android:textSize="40sp" >
            </Button>
        </TableRow>
    </TableLayout>

</TableLayout>

Share:

0 Nhận xét

Categories

. . . 1 [English | DVD] Trọn Bộ DVD Effortless English 3 Ajax 1 Andengine 3 Android 41 Android Studio Cài đặt và phím tắt thông dụng 1 API 1 App Android 1 Applicaiton Chat Multi Client 1 ASP.NET 9 Bài tập lập trình C/C++ có lời giải 1 Bài tập thuật toán C/C++ Và Tuyển tập đề thi olympic 2 Bắt đầu Học Lập Trình 4 Blogger 2 C/C++ 16 C# 21 Câu hỏi phỏng vấn Android 1 Cocos2d-JS 3 Cocos2d-x 3 Code game android 3 Công Cụ Lập Trình 13 Công nghệ 3 Cosos2d 1 CSS 1 Cuộc sống 15 Custom Button trong Android 2 Design Patterns 3 DevExpress 1 Đồ Án 1 DOREMON - NOBITA 2 Dự án 1 Ebook Android 1 English 8 Example Custom Android 1 facebook 1 Fedora 2 Freelancer 1 Game Android 4 Game Android AndEngine 1 Giới thiệu về Ajax 1 Hiệu ứng lắc trong android 1 Hướng dẫn cài đặt Mac OS trên VMware 1 Hướng dẫn download tài liệu miễn phí của website tailieu.vn 1 Hướng dẫn lập trình android 11 Hướng dẫn lập trình Windows Phone 3 Hướng đối tượng 2 Internet được khôi phục 1 Internet of Things 1 iOS 33 Java 9 Kiểm thử phần mềm 1 Kinh nghiệm lập trình 17 Kỹ Năng 1 Lập trình Android FPT Software Training 1 Lập Trình Game Đa Nền Tảng 2 Lập trình game mobile 2 Lập trình iOS FPT Software Training 1 Lập trình mạng 2 LẬP TRÌNH VIÊN CHUYÊN NGHIỆP TRÊN THIẾT BỊ DI ĐỘNG 2 Laptop 1 Libgdx 1 LinQ 3 Linux 6 Load CSDL SQL server ASP.NET 1 Lỗi Eclipse Ctr + Space 1 Mạng Xã Hôi 1 máy thật PC 1 Mbook TIN HỌC A 1 Mbook TIN HỌC B 1 mỗi bài 20 câu 1 NGAN-HANG-DE-THI-TRAC-NGHIEM-ASP.NET 1 Nguyên tắc ngón tay cái trong thiết kế ứng dụng cho điện thoại 1 Nhập môn lập trình C 14 Những câu hỏi phỏng vấn "xương" nhất 1 Những điểm mới kỳ thi THPT quốc gia 2015 1 Object C 1 Phần mềm 3 PHP 2 Phương pháp luyện thi TOEIC 1 Python 2 Review Game 1 SEO 4 Share Acc Fshare 1 Share VIP Miễn phí 1 Sinh viên mới tốt nghiệp – viết gì trong CV 1 Socket Android Client to PC Server C# 2 Socket Chat nhiều Client với server C# 2 Source code 4 Source code game C# 1 Source code game iOS 2 T3H-KHTN 7 Tài Liệu Android 7 Tài Liệu C# 4 Tài liệu hướng dẫn lập trình game với cocos2d-x 1 Tài Liệu iOS 7 Tài Liệu IT 3 Tài Liệu Java 2 Tài liệu Lập trình iOS Tiếng Việt đầy đủ TTTH đại học khoa học tự nhiên 1 Tài Liệu PHP 1 TÀI LIỆU THIẾT KẾ SỐ 1 Tài Liệu Windows Phone 1 Tạo Group Mail Google 1 Tạo hiệu ứng trong lập trình iOS 1 Tạo tên CoCaCoLa 1 Thắc mắc C/C++ 3 THẬP PHÂN sang NHỊ PHÂN không sử dụng MẢNG 1 Thiết kế giao diện Android - App Calculation Android Studio 1 Thiết kế giao diện phần mềm 1 Thuật ngữ cơ bản trong lập trình game AndEngine 1 Thuật toán 5 Thuật toán điều phối FCFS 1 Tiếng Anh 2 Tin Tức 1 Toàn bộ tài liệu ĐTVT 5 năm học 1 Tổng hợp những nơi người lái xe hay bị mắc lỗi tại TPHCM 1 Tutorials Android 2 Tuyến cáp quang AAG đã sửa xong 1 Unity 1 Vim 1 Visual Studyo 2013 1 WEB 1 Website nén JS và CSS tốt nhất 1 Websites Developer 2 Windows 10 Technical Preview 1 Windows Phone 5 WPF 1 XAMARIN 1 Xóa project appcompat_v 1