安卓学习之计算器样式

界面效果：

源码：https://github.com/yugj/Calculator-layout

布局管理器：LinearLayout

部分布局文件如下：

屏幕：

<LinearLayout
    android:layout_marginBottom="@dimen/calculator_button_margin"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="3">
    <TextView
        android:id="@+id/screen"
        android:text="test"
        android:layout_marginBottom="@dimen/calculator_screen_bottom"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/shape_textview"/>
</LinearLayout

<LinearLayout
    android:layout_marginBottom="@dimen/calculator_button_margin"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1">
    <Button
        android:id="@+id/id_clear"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="@drawable/button_selector"      //设置背景为一个选择器，选择器下面介绍
        android:textColor="@drawable/color_button_text"     //按钮文字颜色设置
        android:layout_marginRight="@dimen/calculator_button_margin"
        android:layout_weight="1"                           //按钮权重，相对其他按钮
        android:text="@string/clear"/>
 </LinearLayout>

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#000000" />
</selector>

按钮选择器：drawable/button_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_button_pressed" android:state_pressed="true"/>     //按下按钮效果
    <item android:drawable="@drawable/shape_button_nomal" android:state_pressed="false"/>      //未按按钮效果
</selector>

按钮按下时布局：drawable/shape_button_pressed

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 边框颜色值 -->
<item>
    <shape>
        <solid android:color="#000000" />
        <corners android:radius="5dip" />
    </shape>
</item>

<!-- 主体背景颜色值 -->
<item android:bottom="1dp" android:right="1dp" android:top="1dp" android:left="1dp">
    <shape>
        <!--背景颜色-->
        <solid android:color="#c9cdcd" />
        <!--背景颜色渐变效果-->
        <!--<gradient android:startColor="#e1e6e6" android:endColor="#c3cacc" android:angle="270"/>-->
        <!--圆角-->
        <corners android:radius="5dip" />

        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp" />
    </shape>
</item>
</layer-list>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 边框颜色值 -->
<item>
    <shape>
        <solid android:color="#8d9092" />
        <corners android:radius="5dip" />
    </shape>
</item>

<!-- 主体背景颜色值 -->
<item android:bottom="1dp" android:right="1dp" android:top="1dp" android:left="1dp">
    <shape>
        <!--背景颜色-->
        <!--<solid android:color="#d7dddd" />-->
        <!--背景颜色渐变效果-->
        <gradient android:startColor="#e1e6e6" android:endColor="#c3cacc" android:angle="270"/>
        <!--圆角-->
        <corners android:radius="5dip" />

        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp" />
    </shape>
</item>
</layer-list>

震动需在manifest添加：<uses-permission android:name="android.permission.VIBRATE"/>

转载于:https://my.oschina.net/vinglo/blog/473308