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(){
@Override
public 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要灵活，可以根据前后组件的位置来调动自己的位置。