说明：该文章基于android 5.1的源码进行分析。
calculator的效果图：
packages/apps/Calculator/AndroidManifest.xml
我们先来看看这个文件AndroidManifest.xml
<-manifest
xmlns:android=”http://schemas.android.com/apk/res/android”
package=”com.android.calculator2”>
<-application
android:icon=”@mipmap/ic_launcher_calculator”
android:label=”@string/app_name”
android:theme=”@style/CalculatorTheme”>
<-activity
android:name=”.Calculator”
android:label=”@string/app_name”
android:windowSoftInputMode=”stateAlwaysHidden”>
<-intent-filter>
<-action android:name=”android.intent.action.MAIN” />
<-category android:name=”android.intent.category.LAUNCHER” />
<-category android:name=”android.intent.category.APP_CALCULATOR” />
<-/intent-filter>
<-/activity>
<-/application>
<-/manifest>
我们可以看到，这个AndroidManifest.xml 中并没有太多的东西，只有对android:name=”.Calculator”这个是对我们有用的信息，在这里我们要使用的就是，Calculator.java是这个app的入口函数。
- packages/apps/Calculator/src/com/android/calculator2/Calculator.java
我们接着来看下Calculator.java中的内容。
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_calculator);
……………….
}
setContentView(R.layout.activity_calculator)这里引用了布局文件activity_calculator.xml，
<-LinearLayout
xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”vertical”>
<-include
layout=”@layout/display”
android:layout_width=”match_parent”
android:layout_height=”wrap_content” />
<-com.android.calculator2.CalculatorPadViewPager
android:id=”@+id/pad_pager”
android:layout_width=”match_parent”
android:layout_height=”0dip”
android:layout_weight=”1”
android:overScrollMode=”never”>
<-LinearLayout
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<-include layout=”@layout/pad_numeric” />
<-include layout=”@layout/pad_operator_one_col” />
<-/LinearLayout>
<-include layout=”@layout/pad_advanced” /> <-/com.android.calculator2.CalculatorPadViewPager>
<-/LinearLayout>
这里嵌套了好几个layout文件，下面我们就来一一分析这些layout文件。
3.1.0 layout=”@layout/display”
<-RelativeLayout
xmlns:android=”http://schemas.android.com/apk/res/android”
android:id=”@+id/display”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:background=”@color/display_background_color”
android:elevation=”4dip”>
<-com.android.calculator2.CalculatorEditText
android:id="@+id/formula"
style="@style/DisplayEditTextStyle.Formula"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text|textNoSuggestions"
android:textColor="@color/display_formula_text_color" />
<-com.android.calculator2.CalculatorEditText
android:id="@+id/result"
style="@style/DisplayEditTextStyle.Result"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/formula"
android:inputType="none"
android:focusable="false"
android:textColor="@color/display_result_text_color" />
<-/RelativeLayout>
这里定义了两个text,分别是
android:id=”@+id/formula”
android:id=”@+id/result”
如图：
这里可以看到，
“987-654”这个字串所在的id是”@+id/formula”
“333”这个字串所在的id是“@+id/result”
3.2.0 layout/pad_numeric
<-com.android.calculator2.CalculatorPadLayout
xmlns:android=”http://schemas.android.com/apk/res/android”
android:id=”@+id/pad_numeric”
style=”@style/PadLayoutStyle.Numeric”
android:background=”@color/pad_numeric_background_color”
android:columnCount=”3”
android:rowCount=”4”>
<-Button
android:id=”@+id/digit_7”
style=”@style/PadButtonStyle.Numeric”
android:onClick=”onButtonClick”
android:text=”@string/digit_7” />
<-Button
android:id=”@+id/digit_8”
style=”@style/PadButtonStyle.Numeric”
android:onClick=”onButtonClick”
android:text=”@string/digit_8” />
……………………..
<-/com.android.calculator2.CalculatorPadLayout>
这里是对数字按键的布局，0—9个按键，在家商小圆点和“=”共12个按键，这里我们可以很清楚的看到我们的
android:columnCount=”3”
android:rowCount=”4”
这12个按键分成了4行3列进行布局。
3.3.0 layout/pad_operator_one_col
<-com.android.calculator2.CalculatorPadLayout
xmlns:android=”http://schemas.android.com/apk/res/android”
android:id=”@+id/pad_operator”
style=”@style/PadLayoutStyle.Operator”
android:background=”@color/pad_operator_background_color”
android:columnCount=”1”
android:rowCount=”5”>
<-Button
android:id=”@+id/del”
style=”@style/PadButtonStyle.Operator.Text”
android:contentDescription=”@string/desc_del”
android:textSize=”15dp”
android:onClick=”onButtonClick”
android:text=”@string/del” />
<-Button
android:id=”@+id/clr”
style=”@style/PadButtonStyle.Operator.Text”
android:contentDescription=”@string/desc_clr”
android:onClick=”onButtonClick”
android:textSize=”15dp”
android:text=”@string/clr”
android:visibility=”gone” />
<-Button
android:id=”@+id/op_div”
style=”@style/PadButtonStyle.Operator”
android:contentDescription=”@string/desc_op_div”
android:onClick=”onButtonClick”
android:text=”@string/op_div” />
<-Button
android:id=”@+id/op_mul”
style=”@style/PadButtonStyle.Operator”
android:contentDescription=”@string/desc_op_mul”
android:onClick=”onButtonClick”
android:text=”@string/op_mul” />
<-Button
android:id=”@+id/op_mul”
style=”@style/PadButtonStyle.Operator”
android:contentDescription=”@string/desc_op_mul”
android:onClick=”onButtonClick”
android:text=”@string/op_mul” />
<-Button
android:id=”@+id/op_sub”
style=”@style/PadButtonStyle.Operator”
android:contentDescription=”@string/desc_op_sub”
android:onClick=”onButtonClick”
android:text=”@string/op_sub” />
<-Button
android:id=”@+id/op_add”
style=”@style/PadButtonStyle.Operator”
android:contentDescription=”@string/desc_op_add”
android:onClick=”onButtonClick”
android:text=”@string/op_add” />
<-/com.android.calculator2.CalculatorPadLayout>
功能键的布局：
我们看到其实这里有布局了6个键，但是android:id=”@+id/clr”这个按键却没有显示出来，我们去看看是在哪里把它给隐藏掉了。
在protected void onCreate(Bundle savedInstanceState)中获得了clr的ID
mDeleteButton = findViewById(R.id.del);
mClearButton = findViewById(R.id.clr);
private void setState(CalculatorState state) {
if (mCurrentState != state) {
mCurrentState = state;
if (state == CalculatorState.RESULT || state == CalculatorState.ERROR) {
mDeleteButton.setVisibility(View.GONE);
mClearButton.setVisibility(View.VISIBLE);
} else {
mDeleteButton.setVisibility(View.VISIBLE);
mClearButton.setVisibility(View.GONE);
}
………
}
}
在不一样的状态下，del和clr两个按键是交替进行显示的，通过判断state来对del和clr的显示与否进行判断，当显示计算结果时候，del就隐藏，clr显示，反之则del显示，clr隐藏。
3.4.0 layout/pad_advanced
<-com.android.calculator2.CalculatorPadLayout
xmlns:android=”http://schemas.android.com/apk/res/android”
android:id=”@+id/pad_advanced”
style=”@style/PadLayoutStyle.Advanced”
android:background=”@color/pad_advanced_background_color”>
<-Button
android:id=”@+id/fun_sin”
style=”@style/PadButtonStyle.Advanced”
android:contentDescription=”@string/desc_fun_sin”
android:onClick=”onButtonClick”
android:text=”@string/fun_sin” />
<-Button
android:id=”@+id/fun_cos”
style=”@style/PadButtonStyle.Advanced”
android:contentDescription=”@string/desc_fun_cos”
android:onClick=”onButtonClick”
android:text=”@string/fun_cos” />
<-Button
android:id=”@+id/op_sqrt”
style=”@style/PadButtonStyle.Advanced”
android:contentDescription=”@string/desc_op_sqrt”
android:onClick=”onButtonClick”
android:text=”@string/op_sqrt” />
………………….
该layout是tan/sin等一些常用参数的button设置。
4.0 主要函数分析
上面是对主要布局文件的分析，下面我们对一些主要的函数进行分析。
4.1.0 onBackPressed()
public void onBackPressed() {
if (mPadViewPager == null || mPadViewPager.getCurrentItem() == 0) {
// If the user is currently looking at the first pad (or the pad is not paged),
// allow the system to handle the Back button.
super.onBackPressed();
} else {
// Otherwise, select the previous pad.
mPadViewPager.setCurrentItem(mPadViewPager.getCurrentItem() - 1);
}
}
该函数对back键进行处理，先看mPadViewPager获取的什么东西，
在onCreate中我们看到
mPadViewPager = (ViewPager) findViewById(R.id.pad_pager);
回头在activity_calculator.xml中我们看看：
<-com.android.calculator2.CalculatorPadViewPager
android:id=”@+id/pad_pager”
android:layout_width=”match_parent”
android:layout_height=”0dip”
android:layout_weight=”1”
android:overScrollMode=”never”>
<-LinearLayout
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<-include layout=”@layout/pad_numeric” />
<-include layout=”@layout/pad_operator_one_col” />
<-/LinearLayout>
<-include layout=”@layout/pad_advanced” /> <-/com.android.calculator2.CalculatorPadViewPager>
中有三个对象，所以第一个条件：
if (mPadViewPager == null || mPadViewPager.getCurrentItem() == 0)
当mPadViewPager == null或者当前显示的的对象是pad_numeric/pad_operator_one_col的时候，就直接退出calculator,否则就先返回pad_numeric/pad_operator_one_col所在的页面，然后在退出calculator。
4.2.0 CalculatorPadViewPager.java
我们看到，在向右滑动的时候，会sin/cos/tan等所在的view会滑出，覆盖在原来的数字键盘上面，这个是怎么实现的呢？
<-com.android.calculator2.CalculatorPadViewPager
………………..
………………………
<-include layout=”@layout/pad_numeric” />
<-include layout=”@layout/pad_operator_one_col” />
………………………
<-include layout=”@layout/pad_advanced” /> <-/com.android.calculator2.CalculatorPadViewPager>
我们看上面的三个layout都是CalculatorPadViewPager的对象，下面我们来看下CalculatorPadViewPager.java
这个文件
public class CalculatorPadViewPager extends ViewPager{
………………
}
CalculatorPadViewPager是继承ViewPager的，由于没有重写
onPageScrolled();
这个函数，所以左右滑动的时候调用的就是ViewPager.onPageScrolled（）进行处理，
在CalculatorPadViewPager中并没有对左右滑动做过多的处理。