android布局与计算器app编程

android布局分为：

   

1.线性布局LinearLayout

2.相对布局RelativeLayout

3.绝对布局AbsoluteLayout

4.帧布局FrameLayout

5.表格布局TableLayout

    

    

    线性布局LinearLayout比较简单，元素可以水平顺序排放，也可以垂直顺序排放，元素内部也可以设置线性布局进行嵌套布局设置。

    我的计算器app就是使用了嵌套线性布局来完成的。

代码如下：

<LinearLayout 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"    tools:context=".MainActivity"     android:orientation="vertical"    >    <EditText        android:inputType="text"        android:id="@+id/num_input"        android:layout_width="match_parent"        android:layout_height="80dp"        /><LinearLayout    android:layout_width="fill_parent"    android:orientation="horizontal"     android:layout_height="50dp"    >    <Button         android:text="@string/one"        android:id="@+id/one"        android:layout_width="match_parent"        android:layout_weight="1"        android:layout_height="match_parent"        android:background="#00FF00"        />    <Button         android:text="@string/two"        android:id="@+id/two"        android:layout_width="match_parent"        android:layout_weight="1"        android:layout_height="match_parent"        android:background="#00FF00"        />    <Button         android:text="@string/three"        android:id="@+id/three"        android:layout_width="match_parent"        android:layout_weight="1"        android:layout_height="match_parent"        android:background="#00FF00"        />    <Button         android:text="@string/cheng"        android:id="@+id/jia"        android:layout_width="match_parent"        android:layout_weight="1"        android:layout_height="match_parent"        android:background="#00FF00"        /></LinearLayout>

</LinearLayout>

    这里只给出了一个输入框与一排按钮的代码，还有三排代码是重复的，参考嵌套布局。

    界面布局设置好了之后，往按钮加上监听，然后别写计算代码就可以了。

监听与计算代码如下：

    OnClickListener click = new OnClickListener(){@Overridepublic void onClick(View v) {Button bt = (Button)v;inContent = inContent + bt.getText();EditText et = (EditText) findViewById(R.id.num_input);et.setText(inContent);}    };    public void in_guiling(View v){    inContent = "";    EditText et = (EditText) findViewById(R.id.num_input);et.setText(inContent);    }    public void in_result(View v){    int count = 0;    char c = 0;    int pre = 0;    int last = 0;    while(count < inContent.length()){    if( inContent.charAt(count) == '+'||    inContent.charAt(count) == '-'||    inContent.charAt(count) == '*'||    inContent.charAt(count) == '/'    ){    c = inContent.charAt(count);    pre = Integer.parseInt(inContent.substring(0, count));        last = Integer.parseInt(inContent.substring(count+1));    }    count ++;    }    int value = 0;    switch(c){case'+':value = pre+last;break;case'-':value = pre-last;break;case'*':value = pre*last;break;case'/':value = pre/last;break;    }    String sss = Integer.toString(value);       EditText et = (EditText) findViewById(R.id.num_input);    et.setText(sss);    }

我的app是这样的：

    颜色是测试布局的时候加上去的，后来发现把颜色去掉的话就太沉闷了，所以就不修改了。

    测试结果：

    相对布局RelativeLayout比LinearLayout要灵活，可以根据前后组件的位置来调动自己的位置。