Android电话Phone UI分析

最新推荐文章于 2024-04-22 03:35:17 发布
最新推荐文章于 2024-04-22 03:35:17 发布
阅读量169 收藏
点赞数
文章标签： 移动开发 ui

Android4.1电话呼叫界面布局设计：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/incall_screen"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.android.phone.InCallContactPhoto android:id="@+id/photo"
        		   android:layout_alignParentTop="true"
                   android:layout_width="match_parent"
                   android:layout_height="match_parent"
                   android:gravity="top|center_horizontal"
                   android:scaleType="centerCrop"
                   android:contentDescription="@string/contactPhoto"
                   android:background="@drawable/picture_unknown"/>
    <ImageView android:id="@+id/insetPhoto"
            android:layout_width="@dimen/contact_photo_inset_width"
            android:layout_height="@dimen/contact_photo_inset_height"
            android:scaleType="centerCrop"
            android:layout_marginLeft="@dimen/contact_photo_inset_left_margin"/>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <RelativeLayout
            android:id="@+id/inCallPanel"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignTop="@id/inCallTouchUi" >
            <com.android.phone.CallCard
                android:id="@+id/callCard"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </RelativeLayout>
        <com.android.phone.InCallTouchUi
            android:id="@+id/inCallTouchUi"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </RelativeLayout>
    <ViewStub android:id="@+id/otaCallCardStub"
              android:layout="@layout/otacall_card"
              android:layout_width="match_parent"
              android:layout_height="match_parent"/>
    <ViewStub android:id="@+id/manageConferencePanelStub"
              android:layout="@layout/manage_conference_panel_new_ui"
              android:layout_width="match_parent"
              android:layout_height="match_parent"/>
    <LinearLayout android:id="@+id/inCallProviderOverlay"
        android:background="@drawable/dialog_bg_calling_via"
        android:layout_width="match_parent"
        android:layout_height="88dip"
        android:layout_marginTop="@dimen/provider_overlay_top_margin"
        android:layout_gravity="top"
        android:gravity="center"
        android:visibility="gone"
        android:orientation="horizontal">
         <ImageView android:id="@+id/callingViaIcon"
            android:layout_width="40dip"
            android:layout_height="40dip"/>
        <TextView android:id="@+id/callingVia"
            android:text="@string/calling_via_template"
            android:layout_weight="1"
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:textAppearance="?android:attr/textAppearanceSmallInverse"
            android:gravity="center"/>
        <View
            android:layout_width="40dip"
            android:layout_height="40dip"/>
    </LinearLayout>
</FrameLayout>

界面效果如图：

InCallContactPhoto

InCallContactPhoto用于显示头像图片，该类继承于ImageView类，显示效果如下：

CallCard

inCallPanel是一个相对布局，该布局位于InCallTouchUi之上，在该布局中放置了一个CallCard控件，CallCard继承与LinearLayout，其布局文件为call_card.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/call_info_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:orientation="vertical">
    <RelativeLayout android:id="@+id/call_info_1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <RelativeLayout android:id="@+id/call_banner_1"
            android:layout_alignParentBottom="true"
            android:layout_width="match_parent"
            android:layout_height="@dimen/call_banner_height_newui"
            android:paddingLeft="@dimen/call_banner_side_padding"
            android:paddingRight="@dimen/call_banner_side_padding"
            android:background="@drawable/call_storage_contact_blackbg_up_sprd">
			<FrameLayout 
	                android:id="@+id/mainCallLayout"
	                android:layout_alignParentTop="true"
	                android:gravity="center"
	                android:layout_marginTop="3dip"
	                android:layout_width="match_parent"
	                android:layout_height="wrap_content">
	          <TextView android:id="@+id/mainName"
		                android:layout_alignParentTop="true"
		                android:gravity="center"
		                android:layout_width="match_parent"
		                android:layout_height="wrap_content"
		                android:textColor="@color/incall_call_banner_text_color"
		                android:textStyle="bold"
		                android:textSize="15sp"
		                android:visibility="visible"
		                android:singleLine="true"/>
	            <!-- talk time -->
		      <TextView android:id="@+id/elapsedTime"
		                android:layout_alignParentTop="true"
		                android:gravity="center"
		                android:layout_width="match_parent"
		                android:layout_height="wrap_content"
		                android:textStyle="bold"
		                android:textColor="@color/incall_call_banner_text_color"
		                android:textSize="15sp"
		                android:visibility="gone"
			            android:singleLine="true"/>
	            <!-- recording label -->
	            <TextView android:id="@+id/recordinglabel"
			            android:layout_width="match_parent"
			            android:layout_height="wrap_content"
			            android:layout_below="@id/elapsedTime"
			            android:gravity="left"
			            android:text="@string/recording"
			            style="@style/InCallCardTextNewUI"
			            android:textAllCaps="true"
			            android:visibility="gone"/>
            </FrameLayout>
            <!-- Contacts detail -->
            <LinearLayout android:id="@+id/labelAndNumber"
                          android:layout_below="@id/mainCallLayout"
                          android:layout_marginTop="2dip"
                          android:layout_width="match_parent"
                          android:layout_height="wrap_content"
                          android:gravity="center"
                          android:orientation="horizontal">
                <!--Phone type: Phone-->
                <TextView android:id="@+id/label"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          style="@style/InCallCardTextNewUI"
                          android:layout_marginLeft="3dip"
                          android:layout_marginRight="6dip"
                          android:textAllCaps="true"
                          android:singleLine="true"
                          android:ellipsize="end"/>
                            <!-- Contacts name -->
	            <TextView android:id="@+id/name"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_gravity="center"
                          style="@style/InCallCardTextNewUI"
                          android:textAllCaps="true"
                          android:singleLine="true"
                          android:ellipsize="end"/>
                <!--Phone number-->
                <TextView android:id="@+id/phoneNumber"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content" 
                          style="@style/InCallCardTextNewUI"
                          android:singleLine="true"
                          android:ellipsize="end"
                          android:layout_marginLeft="10dip"/>
            </LinearLayout>
			<!-- Incoming,HOLd and so on -->
             <TextView android:id="@+id/callStateLabel"
		            android:layout_width="match_parent"
		            android:layout_marginTop="2dip"
		            android:layout_height="wrap_content"
		            android:layout_below="@id/labelAndNumber"
		            android:gravity="center"
		            android:ellipsize="end"
		            style="@style/InCallCardTextNewUI"
		            android:textAllCaps="true"
		            android:visibility="gone"/>
            <!--  Internet call -->
            <TextView android:id="@+id/callTypeLabel"
                	  android:layout_marginTop="2dip"
                      android:layout_below="@id/callStateLabel"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      style="@style/InCallCardTextNewUI"
                      android:maxLines="1"
                      android:ellipsize="end"/>
            <!-- Social Status Now Not used -->
            <TextView android:id="@+id/socialStatus"
                      android:layout_marginTop="2dip"
                      android:layout_below="@id/callTypeLabel"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      style="@style/InCallCardTextNewUI"
                      android:textColor="@color/incall_call_banner_text_color"
                      android:maxLines="2"
                      android:ellipsize="end"/>
        </RelativeLayout>
    </RelativeLayout>
    <FrameLayout android:id="@+id/call_info_2"
        android:layout_width="match_parent"
        android:layout_height="40dip"
        android:background="@android:color/transparent"
        android:orientation="vertical">
        <LinearLayout android:id="@+id/call_banner_2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:paddingLeft="@dimen/call_banner_side_padding"
            android:paddingRight="@dimen/call_banner_side_padding"
            android:background="@drawable/call_storage_contact_blackbg_info_sprd">
            <TextView android:id="@+id/secondaryCallName"
                      android:layout_width="match_parent"
                      android:layout_height="25dip"
                      android:layout_weight="1"
                      android:textAppearance="?android:attr/textAppearanceMedium"
                      android:textColor="@color/incall_call_banner_text_color"
                      android:singleLine="true"/>
            <TextView android:id="@+id/secondaryCallStatus"
                      android:layout_width="match_parent"
                      android:layout_height="20dip"
                      android:layout_weight="1"
                      android:text="@string/onHold"
                      style="@style/InCallCardTextNewUI"
                      android:textColor="@color/incall_call_banner_text_color"
                      android:textAllCaps="true"
                      android:singleLine="true"/>
        </LinearLayout> 
    </FrameLayout>
</LinearLayout>

InCallTouchUi

InCallTouchUi控件是拨号操作界面，InCallTouchUi继承于FrameLayout布局，其对应的布局文件为incall_touch_ui.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:prvandroid="http://schemas.android.com/apk/prv/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <RelativeLayout
        android:id="@+id/CallEndControls"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:visibility="gone" >
        <LinearLayout
            android:id="@+id/actionBar_normal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="@drawable/call_storage_contact_blackbg_down_sprd"
            android:orientation="vertical" >
            <Button
                android:id="@+id/ContactsNew"
                android:layout_alignParentLeft="true"
                android:layout_height="60dip"
                android:layout_width="140dip"
                android:text="@string/menu_add"
                android:background="@drawable/call_button_reject" />
            <!-- Accept Call -->
            <Button
                android:id="@+id/ContactsAdd"
                android:layout_alignParentRight="true"
                android:layout_height="60dip"
                android:layout_width="140dip"
                android:text="@string/menu_edit"
                android:background="@drawable/call_button_answer" />
        </LinearLayout>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/inComingCallControlsLocked"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@android:color/transparent"
        android:visibility="gone" >
    <com.android.phone.VerticalScrollLayout
	                android:id="@+id/ScrollLayout"
	                android:layout_width="match_parent"
	                android:background="@android:color/transparent"
	                android:layout_height="200dip"/>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/inComingCallControls"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:visibility="gone" >
        <LinearLayout
            android:id="@+id/actionBar_normal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="@drawable/call_storage_contact_blackbg_down_sprd"
            android:orientation="vertical" >
            <LinearLayout
                android:id="@+id/actionBar_normal_f"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingLeft="@dimen/button_cluster_side_padding"
                android:paddingRight="@dimen/button_cluster_side_padding" >
                <LinearLayout
                    android:id="@+id/handfree"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical" >
                    <ToggleButton
                        android:id="@+id/handfreeButtonImage"
                        style="@style/ImageButtonNewUi_incoming"
                        android:textOn="@null"
                        android:textOff="@null"
                        android:layout_gravity="center"
                        android:background="@drawable/btn_compound_handfree_background" />
                    <TextView
                        android:id="@+id/handfreeButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_gravity="center"
                        android:layout_marginTop="-15dip"
                        android:text="@string/onscreenSpeakerText" />
                </LinearLayout>
                <LinearLayout
                    android:id="@+id/MessageButton"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical" >
                    <ImageButton
                        android:id="@+id/MessageButtonImage"
                        style="@style/ImageButtonNewUi_incoming"
                        android:layout_gravity="center"
                        android:background="#00000000"
                        android:src="@drawable/call_button_feedback" />
                    <TextView
                        android:id="@+id/MessageButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_gravity="center"
                        android:layout_marginTop="-15dip"
                        android:text="@string/description_target_send_sms" />
                </LinearLayout>
                <LinearLayout
                    android:id="@+id/IncomingMuteLayout"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical" >
                    <ImageButton
                        android:id="@+id/MuteButtonImage"
                        style="@style/ImageButtonNewUi_incoming"
                        android:layout_gravity="center"
                        android:background="#00000000"
                        android:src="@drawable/call_button_mute_newui" />
                    <TextView
                        android:id="@+id/MuteRingButtonLabel"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textAppearance="?android:attr/textAppearanceSmall"
                        android:textAllCaps="true"
                        android:textColor="@color/mute_button_text"
                        android:layout_marginLeft="5dip"
                        android:layout_marginRight="5dip"
                        android:layout_gravity="center"
                        android:layout_marginTop="-15dip"
                        android:text="@string/onscreenMusicMuteText" />
                </LinearLayout>
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginTop="@dimen/button_margin"
                android:layout_marginBottom="@dimen/button_margin"
                android:paddingLeft="@dimen/button_cluster_side_padding"
                android:paddingRight="@dimen/button_cluster_side_padding" >
                <Button
                    android:id="@+id/IncomingCallRejectButton"
                    android:layout_height="50dip"
                    android:layout_weight="1"
                    android:layout_width="match_parent"
                    android:layout_marginRight="@dimen/button_cluster_side_padding"
                    android:text="@string/description_target_decline"
                    android:textSize="20dip"
                    android:background="@drawable/call_button_reject" />
                <Button
                    android:id="@+id/IncomingCallAnswerButton"
                    android:layout_height="50dip"
                    android:layout_weight="1"
                    android:layout_width="match_parent"
                    android:layout_marginLeft="@dimen/button_cluster_side_padding"
                    android:text="@string/description_target_answer"
                    android:textSize="20dip"
                    android:background="@drawable/call_button_answer" />
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/inCallControls"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:visibility="gone" >
        <LinearLayout
                android:id="@+id/manageConferenceButton"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true"
                android:background="@android:color/transparent"
                android:gravity="center"
                android:orientation="horizontal" >
                <ImageButton
                    android:id="@+id/manageConferenceButtonImage"
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:layout_gravity="center"
                    android:background="@android:color/transparent"
                    android:contentDescription="@string/onscreenManageConferenceText"
                    android:src="@drawable/btn_compound_conference_newui" />
                <TextView
                    android:id="@+id/manageConferenceButtonLabel"
                    style="@style/InCallExtraRowButtonLabelNewUI"
                    android:layout_marginTop="10dip"
                    android:layout_gravity="center"
                    android:visibility="gone"
                    android:text="@string/onscreenManageConferenceText" />
            </LinearLayout>
        <LinearLayout
            android:id="@+id/bottomButtons"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="@drawable/call_storage_contact_blackbg_down_sprd"
            android:orientation="vertical" >
        <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
            <FrameLayout
                android:id="@+id/extraButtonRow"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:visibility="gone"
                android:paddingLeft="@dimen/button_cluster_side_padding"
                android:paddingRight="@dimen/button_cluster_side_padding" >
                <LinearLayout
                    android:id="@+id/cdmaMergeButton"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="?android:attr/selectableItemBackground"
                    android:orientation="horizontal" >
                    <ImageButton
                        android:id="@+id/cdmaMergeButtonImage"
                        style="@style/InCallButton"
                        android:clickable="false"
                        android:contentDescription="@string/onscreenMergeCallsText"
                        android:src="@drawable/ic_merge_holo_dark" />
                    <TextView
                        android:id="@+id/cdmaMergeButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:text="@string/onscreenMergeCallsText" />
                </LinearLayout>
            </FrameLayout>
			<LinearLayout
                android:id="@+id/bottomButtonsRow2"
                android:layout_width="match_parent"
                android:layout_height="80dip"
                android:visibility="visible"
                android:gravity="center_vertical"
                android:orientation="horizontal">
                <LinearLayout
	                android:layout_width="match_parent"
	                android:layout_height="80dip"
	                android:gravity="center_horizontal"
	                android:layout_weight="1"
	                android:orientation="vertical" >
	                <ToggleButton
	                    android:id="@+id/menuPhoneRecorder"
	                    style="@style/InCallButtonNewUi"
	                    android:layout_gravity="center"
	                    android:layout_marginRight="6dip"
	                    android:background="@drawable/btn_compound_record_newui"
	                    android:contentDescription="@string/onscreenShowRecodText" />
	                <TextView
                        android:id="@+id/menuPhoneRecorderLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_marginRight="6dip"
                        android:layout_gravity="center"
                        android:singleLine="true"
                        android:layout_marginTop="-15dip"
                        android:text="@string/audio_db_album_name" />
	            </LinearLayout>
                <LinearLayout
	                android:layout_width="match_parent"
	                android:layout_height="80dip"
	                android:layout_gravity="center"
					android:gravity="center_horizontal"
	                android:layout_weight="1"
	                android:orientation="vertical" >
	                <ToggleButton
	                    android:id="@+id/holdButton"
	                    android:gravity="center"
	                    style="@style/ImageButtonNewUi_new"
	                    android:textOn="@null"
	                    android:textOff="@null"
	                    android:layout_marginTop="24dip"
	                    android:background="@drawable/btn_compound_hold_newui"
	                    android:contentDescription="@string/onscreenHoldText" />
	                <ImageButton
	                    android:id="@+id/swapButton"
	                    style="@style/ImageButtonNewUi_new"
	                    android:scaleType="center"
	                    android:background="#00000000"
	                    android:layout_marginTop="24dip"
	                    android:contentDescription="@string/onscreenSwapCallsText"
	                    android:src="@drawable/btn_compound_switch_newui" />
	                <TextView
                        android:id="@+id/holdButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_gravity="center"
                        android:singleLine="true"
                        android:layout_marginTop="6dip"
                        android:text="@string/card_title_on_hold" />
				</LinearLayout>
                <LinearLayout
	                android:layout_width="match_parent"
	                android:layout_height="80dip"
	                android:gravity="center_horizontal"
	                android:layout_weight="1"
	                android:layout_marginTop="24dip"
	                android:orientation="vertical" >
	                <ImageButton
	                    android:id="@+id/addButton"
	                    style="@style/ImageButtonNewUi_new"
	                    android:layout_marginLeft="6dip"
	                    android:scaleType="center"
	                    android:background="#00000000"
	                    android:contentDescription="@string/onscreenAddCallText"
	                	android:src="@drawable/btn_compound_merge_background_newui" />
	                <ImageButton
	                    android:id="@+id/mergeButton"
	                    style="@style/ImageButtonNewUi_new"
	                    android:layout_marginLeft="6dip"
	                    android:scaleType="center"
	                    android:background="#00000000"
	                    android:contentDescription="@string/onscreenMergeCallsText"
	               		android:src="@drawable/btn_compound_merge_button_newui" />
	                <TextView
                        android:id="@+id/addButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_marginTop="6dip"
                        android:layout_marginLeft="2dip"
                        android:singleLine="true"
                        android:layout_gravity="center"
                        android:text="@string/selectContact" />
				</LinearLayout>
            </LinearLayout>
	        <ViewStub
	            android:id="@+id/dtmf_twelve_key_dialer_stub"
	            android:layout_width="match_parent"
	            android:layout_height="match_parent"
	            android:background="@android:color/transparent"
	            android:layout="@layout/dtmf_twelve_key_dialer_view_newui" />
	        </FrameLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="80dip"
                android:orientation="horizontal" 
                android:visibility="visible"
                android:gravity="center_vertical">
				<LinearLayout
	                android:layout_width="match_parent"
	                android:layout_height="80dip"
	                android:gravity="center_horizontal"
	                android:layout_weight="1"
	                android:orientation="vertical" >
	                <ToggleButton
	                    android:id="@+id/audioButton"
	                    android:gravity="center"
	                    style="@style/InCallButtonNewUi"
	                    android:layout_marginRight="6dip"
	                    android:background="@drawable/btn_compound_audio_newui"
	                    android:contentDescription="@string/onscreenAudioText" />
	                <TextView
                        android:id="@+id/audioButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_gravity="center"
                        android:layout_marginRight="6dip"
                        android:singleLine="true"
                        android:layout_marginTop="-15dip"
                        android:text="@string/onscreenSpeakerText" />
	            </LinearLayout>
	            <LinearLayout
	                android:layout_width="match_parent"
	                android:layout_height="80dip"
	                android:layout_weight="1"
	                android:gravity="center_horizontal"
	                android:layout_gravity="center"
	                android:orientation="vertical" >
	                <ToggleButton
	                    android:id="@+id/dialpadButton"
	                    android:gravity="center"
	                    style="@style/InCallButtonNewUi"
	                    android:background="@drawable/btn_compound_keyboard_newui"
	                    android:contentDescription="@string/video_btn_dialer" />
	                <TextView
                        android:id="@+id/dialpadButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:layout_gravity="center"
                        android:layout_marginTop="-15dip"
                        android:singleLine="true"
                        android:text="@string/video_btn_dialer" />
				</LinearLayout>
				<LinearLayout
	                android:layout_width="match_parent"
	                android:layout_height="80dip"
	                android:layout_weight="1"
	                android:layout_gravity="center_horizontal"
	                android:orientation="vertical" >
	                <ToggleButton
	                    android:id="@+id/muteButton"
	                    style="@style/InCallButtonNewUi"
	                    android:layout_gravity="center"
	                    android:layout_marginLeft="6dip"
	                    android:background="@drawable/btn_compound_mute_newui"
	                    android:contentDescription="@string/onscreenMuteText" />
	                <TextView
                        android:id="@+id/muteButtonLabel"
                        style="@style/InCallExtraRowButtonLabelNewUI"
                        android:singleLine="true"
                        android:layout_gravity="center"
                        android:layout_marginLeft="4dip"
                        android:layout_marginTop="-15dip"
                        android:text="@string/video_mute" />
	            </LinearLayout>
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="84dip"
                android:paddingLeft="@dimen/button_cluster_side_padding_newui"
                android:paddingRight="@dimen/button_cluster_side_padding_newui"
                android:orientation="horizontal" >
                <Button
                    android:id="@+id/endButton"
                    style="@style/InCallEndButtonNewUI"
                    android:layout_marginTop="20dip"
                	android:layout_marginBottom="@dimen/button_cluster_side_padding_newui"
                    android:layout_width="match_parent"
                    android:text="@string/onscreenEndCallText"
                    android:textColor="@color/incall_call_banner_text_color"
                    android:contentDescription="@string/onscreenEndCallText"
                    android:background="@drawable/call_button_reject" />
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>
</RelativeLayout>

该布局定义了电话拨号及电话接听控制界面，电话拨号控制界面效果图如下：

电话接听控制界面效果图如下：

拨号键盘dtmf_twelve_key_dialer_stub布局文件为dtmf_twelve_key_dialer_view_newui.xml

<com.android.phone.DTMFTwelveKeyDialerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dtmf_twelve_key_dialer_view_newui"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_marginTop="1dip"
    android:background="@android:color/transparent"
    android:visibility="gone"
    >
    <!-- 号码显示控件 -->
    <EditText
        android:id="@+id/dtmfDialerField"
        android:layout_width="match_parent"
        android:layout_height="83dp"
        android:paddingRight="16dp"
        android:paddingLeft="16dp"
        android:singleLine="true"
        android:scrollHorizontally="true"
        android:textSize="40sp"
        android:gravity="center"
        android:freezesText="true"
        android:background="@android:color/transparent"
        android:textColor="@color/dtmf_dialer_display_text"
        android:focusableInTouchMode="false"
        android:clickable="false"/>

    <!-- 拨号键盘 -->
    <include layout="@layout/dialpad_newui" />
</com.android.phone.DTMFTwelveKeyDialerView>

拨号键盘界面定义在dialpad_newui.xml中

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dialpad"
    android:layout_width="match_parent"
    android:layout_height="262dip"
    android:layout_gravity="center_horizontal"
    android:background="@android:color/transparent"
    android:layout_weight="@integer/dialpad_layout_weight_dialpad">
    <TableRow
        android:layout_height="0px"
        android:layout_weight="1" >
        <ImageButton
            android:id="@+id/one"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_one"
            android:src="@drawable/dial_num_1_no_vm_newui"
            android:background="@drawable/btn_dialpad_1_bg"/>
        <ImageButton
            android:id="@+id/two"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_two"
            android:src="@drawable/dial_num_2_newui"
            android:background="@drawable/btn_dialpad_3_bg"/>
        <ImageButton
            android:id="@+id/three"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_three"
            android:src="@drawable/dial_num_3_newui"
            android:background="@drawable/btn_dialpad_1_bg"/>
    </TableRow>

    <TableRow
        android:layout_height="0px"
        android:layout_weight="1">
        <ImageButton
            android:id="@+id/four"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_four"
            android:src="@drawable/dial_num_4_newui"
            android:background="@drawable/btn_dialpad_1_bg"/>
        <ImageButton
            android:id="@+id/five"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_five"
            android:src="@drawable/dial_num_5_newui"
            android:background="@drawable/btn_dialpad_3_bg"/>
        <ImageButton
            android:id="@+id/six"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_six"
            android:src="@drawable/dial_num_6_newui"
            android:background="@drawable/btn_dialpad_1_bg"/>
    </TableRow>

    <TableRow
        android:layout_height="0px"
        android:layout_weight="1">
        <ImageButton
            android:id="@+id/seven"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_seven"
            android:src="@drawable/dial_num_7_newui"
            android:background="@drawable/btn_dialpad_1_bg"/>
        <ImageButton
            android:id="@+id/eight"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_eight"
            android:src="@drawable/dial_num_8_newui"
            android:background="@drawable/btn_dialpad_3_bg"/>
        <ImageButton
            android:id="@+id/nine"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_nine"
            android:src="@drawable/dial_num_9_newui"
            android:background="@drawable/btn_dialpad_1_bg"/>
    </TableRow>

    <TableRow
        android:layout_height="0px"
        android:layout_weight="1">
        <ImageButton
            android:id="@+id/star"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_star"
            android:src="@drawable/dial_num_star_newui"
            android:background="@drawable/btn_dialpad_2_bg"/>
        <ImageButton
            android:id="@+id/zero"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_zero"
            android:src="@drawable/dial_num_0_no_plus_newui"
            android:background="@drawable/btn_dialpad_4_bg"/>
        <ImageButton
            android:id="@+id/pound"
            style="@style/DialpadButtonStyleNewui"
            android:contentDescription="@string/description_image_button_pound"
            android:src="@drawable/dial_num_pound_newui"
            android:background="@drawable/btn_dialpad_2_bg"/>
    </TableRow>
</TableLayout>

效果图如下所示：


iteye_13202
关注
Android 10.0 SystemUI下拉状态栏固定展开QsPanel不收缩功能实现
安卓兼职framework和app工程师的博客
07-15 692
在10.0的系统ROM产品定制化开发中，在systemUi的原生下拉状态栏中，首次下拉展开quickQsPanel，第二次展开就显示 QsPanel,在产品开发中，需要下拉状态栏固定展开QsPanel,不需要二次展开，接下来分析下相关功能的实现
Android 14.0 SystemUI状态栏屏蔽掉通知栏不显示通知
最新发布
安卓兼职framework和app工程师的博客
05-22 812
在14.0的系统产品开发中，在SystemUI定制化开发中，有产品需求要求屏蔽通知显示，由于对状态栏的通知管控的比较严，所以要求屏蔽掉通知栏的通知不显示通知 接下来就需要对通知栏的显示流程分析，屏蔽掉通知就可以了
Android拨号界面
12-25
拨号界面
Android电话拨号UI分析
架构设计
08-06 413
界面加载过程 DialtactsActivity.java protected void onCreate(Bundle icicle) { this.setTheme(R.style.DialtactsTheme); super.onCreate(icicle); final Intent intent = getIntent(); fixIntent(intent); //解析布...
Android6.0的phone应用源码分析（3）——phone 拨号UI分析
风居住的城市
12-15 2470
1.1   原生界面   Phone应用的UI设计直接关系到后面的去来电流程，因此有必要对Phone的UI做一定的介绍。下面是Android6.0的原生拨号界面： 1.2   应用界面 Phone的UI入口可以认为是DialtactsActivity.java的onCreate()。     @Override     protected void onCr
android 聊天ui组件,ChatKit for Android 灵活的聊天UI组件实现
weixin_28867413的博客
05-25 400
ChatKit for Android ChatKit is a library designed to simplify the development of UI for such a trivial task as chat. It has flexible possibilities for styling, customizing and data management Features...
Android4.1电话呼叫界面布局设计：
kevinx_xu的专栏
09-19 6400
Android4.1电话呼叫界面布局设计： [html] view plaincopyprint? FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"      android:id="@+id/incall_screen"      android:layout_width="mat
android仿iphone滚轮UI效果
02-04
在Android平台上实现类似iPhone的滚轮UI效果，是一种常见的需求，尤其在开发跨平台应用时。这个项目提供了源码实现，使得开发者可以深入理解并自定义这种交互方式。滚轮UI，通常被称为“Picker”，是iOS系统中的一个...
Android SystemUI源码分析与修改
2301_82242499的博客
04-22 1005
将图片放入对应的drawable文件夹，包括音量+，和音量-，见上图。
Android 10.0 SystemUI锁屏界面去掉多用户和只能拨打紧急电话提示功能
安卓兼职framework和app工程师的博客
12-01 759
在SystemUI的锁屏页面中，系统进入锁屏解锁页面后，会检测sim卡相关功能，如果未插sim卡会提示只能拨打紧急电话的提示这在wifi版的机器上感觉有点多余所以要求去掉提示，在状态栏也会显示多用户图标 点击多用户图标会有选择多用户的选项这也是不符合产品功能需求的，所以也是要求去掉多用户的
android即时通讯ui框架,android IM即时通信之聊天界面UI框架
weixin_39537680的博客
05-27 1149
写在最前面现在很多软件都要求加入即时通信的功能，当然很多都用了三方(环信、融信。。。)。最近，项目也有此需求，我们选择的是环信。环信也提供了UI框架，但是说实在的一般的应用用不了那么多功能，可能就简单的语音、表情、图片。我们就需要根据我们自己的需求去更改他的UI框架，花了很多时间去看他的UI框架源码。看完我真是要吐了，写的太复杂了，所以一气之下就自己写了界面。效果展示 简单介绍如何使用Emotio...
android通信录ui,GitHub - hexiangyuan/NIM_Android_UIKit: 云信Android UI组件源码仓库
weixin_39540704的博客
05-27 357
网易云信 UI 组件 · Android简介云信 UI 组件(UIKit)以 Android library 工程的形式呈现，提供了构建 IM 功能所需的主要功能模块：聊天窗口、最近联系人列表、通讯录列表、联系人选择器、群名片，其他功能有：照片选择、查看大图、视频采集与播放。UIKit 具有强大的 IM 界面组件能力，提供了简洁的接口使得开发者以最短的时间和成本即可完成丰富的 IM 功能。在此之上...
phone app 学习系列（界面UI新元素）
黄老板的专栏
06-07 703
viewStub 使用 http://blog.csdn.net/hitlion2008/article/details/6737537
Android 7.1.1 Dialer中通话记录显示详解
Do Better Every Day
03-06 5934
这两天在看通话记录相关问题，顺便跟踪了Dialer中的通话记录是怎么显示出来的，在这和大家分享下。当有来电或去电时，calllog会被插入到calllog.db的数据中去，具体可以参考《Android 7.1.1 通话记录数据库详解》。在Dialer中通话记录对应的为CallLogFragment这个界面。下面我们先来具体分析这个Fragment的布局，再来看看每个控件的数据是如何获取的。 通话
手机通话记录统计分析
weixin_30566063的博客
06-14 1092
现如今，智能手机是人手一份。每天我们都通过手机与外界沟通交流，手机作为必不可少的媒介，无形中记录着我们日常生活中的点点滴滴。这些信息主要包括个人位置信息、通信信息、账号密码信息、存储文件信息等四大类。由于Android是开源的，软件用户可自行对软件进行修改、复制及再分发，直接进行信息交换。有些用户还会自己对系统进行破解，获取权限，窃取个人信息。一些山寨手机甚至还留有后门程序，固化窃听软件，并通过...
froyo源码 来电中的键盘锁、分拨盘、Menu解读
zhangziyangup
03-23 142
下面是针对frameworks层的，我有时间写app的phone DTMFTwelveKeyDialer implements SlidingDrawer.OnDrawerOpenListener, SlidingDrawer.OnDrawerCloseListener从上面可以看出针对抽屉实现的实现方法。流层DialerOpenDTMFTwelveKeyDialer class...
Android N 通话界面_InCallActivity
Yigit_dev的博客
02-06 7412
本流程图基于MTK平台 Android 7.0，普通来电，本流程只作为沟通学习使用本篇博客主要来看看整个 IncallUI 界面的容器 InCallActivityInCallActivity启动流程我们知道正常情况下 InCallActivity 的启动分两种情况，MO 和 MT 我们就以 MO 为例来看看它的启动流程（MT其实也差不多） 最关键的两个地方：1.//InCallControlle
Android电话拨打流程源码分析
架构设计
08-16 694
前面分析了电话拨号界面及电话呼叫界面，由于Android的电话Phone设计的很复杂，因此先从UI层入手分析。想要了解Android的电话拨号UI，请查看Android电话拨号UI分析，电话拨号UI在Contacts包中。想要了解Android电话呼叫UI，请查看Android电话Phone UI分析，该UI在Phone包中，了解完电话想要UI后，还必须首先了解Android的Phone设计框...
Android N 来电界面
Yigit_dev的博客
01-11 7059
本流程图基于MTK平台 Android N，普通来电，本流程只作为沟通学习使用通过前面 Android 7.0 Phone_MT来电流程 的流程分析中我们可以发现，最后是将来电的信息和状态传送到了 dialer 的 incallUI 里面，在 PhoneStatusBar.java 的addNotification方法中通过判断 isHeadsUped 的值来确定是显示 HeadsUp 还是全屏的A
Android与iPhone界面布局差异分析
Android的状态栏不仅显示状态，还具有通知功能，用户可以通过下拉查看新通知，这种设计被Windows Phone 7所借鉴。相比之下，iPhone的状态栏则更专注于状态显示，不提供直接的操作。 标题栏是另一个关键区别。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值