diff options
Diffstat (limited to 'mobile/android/base/resources/layout-large-v11/browser_toolbar.xml')
-rw-r--r-- | mobile/android/base/resources/layout-large-v11/browser_toolbar.xml | 153 |
1 files changed, 153 insertions, 0 deletions
diff --git a/mobile/android/base/resources/layout-large-v11/browser_toolbar.xml b/mobile/android/base/resources/layout-large-v11/browser_toolbar.xml new file mode 100644 index 000000000..77a968369 --- /dev/null +++ b/mobile/android/base/resources/layout-large-v11/browser_toolbar.xml @@ -0,0 +1,153 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<merge xmlns:android="http://schemas.android.com/apk/res/android" + xmlns:gecko="http://schemas.android.com/apk/res-auto"> + + <ImageView android:id="@+id/url_bar_entry" + android:layout_width="match_parent" + android:layout_height="match_parent" + android:layout_alignLeft="@+id/back" + android:layout_toLeftOf="@id/menu_items" + android:layout_marginLeft="@dimen/tablet_nav_button_width_half" + android:layout_marginTop="10dp" + android:layout_marginBottom="10dp" + android:duplicateParentState="true" + android:clickable="false" + android:focusable="false" + android:background="@drawable/url_bar_entry"/> + + <!-- The attributes statically defined here are for the expanded + forward button. We translate/hide the forward button in code - + see BrowserToolbarTablet.animateForwardButton. + + (for alpha) We want the button hidden to start so alpha=0. + + (for layout_width) The visible area of the forward button is a + nav_button_width and the non-visible area slides halfway + under the back button. This non-visible area is used to + ensure the forward button background fully covers the space + to the right of the back button. + + (for layout_marginLeft) We left align with back, + but only need to hide halfway underneath. + + (for paddingLeft) We use left padding to center the + arrow in the visible area as opposed to the true width. --> + <org.mozilla.gecko.toolbar.ForwardButton + style="@style/UrlBar.ImageButton.BrowserToolbarColors" + android:id="@+id/forward" + android:layout_alignLeft="@id/back" + android:contentDescription="@string/forward" + android:layout_height="match_parent" + android:paddingTop="0dp" + android:paddingBottom="0dp" + android:layout_marginTop="11.5dp" + android:layout_marginBottom="11.5dp" + android:layout_gravity="center_vertical" + android:layout_centerVertical="true" + android:src="@drawable/ic_menu_forward" + android:background="@drawable/url_bar_nav_button" + android:alpha="0" + android:layout_width="@dimen/tablet_nav_button_width_plus_half" + android:layout_marginLeft="@dimen/tablet_nav_button_width_half" + android:paddingLeft="18dp"/> + + <org.mozilla.gecko.toolbar.BackButton android:id="@id/back" + style="@style/UrlBar.ImageButton.BrowserToolbarColors" + android:layout_width="@dimen/tablet_nav_button_width" + android:layout_height="@dimen/tablet_nav_button_width" + android:layout_centerVertical="true" + android:layout_marginLeft="12dp" + android:layout_alignParentLeft="true" + android:src="@drawable/ic_menu_back" + android:contentDescription="@string/back" + android:background="@drawable/url_bar_nav_button"/> + + <org.mozilla.gecko.toolbar.ToolbarEditLayout android:id="@+id/edit_layout" + style="@style/UrlBar.Button" + android:paddingRight="12dp" + android:visibility="gone" + android:orientation="horizontal" + android:layout_toRightOf="@id/back" + android:layout_toLeftOf="@id/menu_items"/> + + <!-- Note: we set the padding on the site security icon to increase its tappable area. --> + <org.mozilla.gecko.toolbar.ToolbarDisplayLayout android:id="@+id/display_layout" + style="@style/UrlBar.Button.Container" + android:layout_toRightOf="@id/back" + android:layout_toLeftOf="@id/menu_items" + android:paddingRight="4dip"/> + + <LinearLayout android:id="@+id/menu_items" + android:layout_width="wrap_content" + android:layout_height="match_parent" + android:gravity="center_vertical" + android:layout_marginLeft="6dp" + android:orientation="horizontal" + android:layout_toLeftOf="@id/tabs"/> + + <org.mozilla.gecko.widget.themed.ThemedImageButton + android:id="@+id/tabs" + style="@style/UrlBar.ImageButton" + android:layout_toLeftOf="@id/menu" + android:layout_alignWithParentIfMissing="true" + android:background="@drawable/browser_toolbar_action_bar_button"/> + + <!-- In a 56x60dp space, centering 24dp image will leave 16x18dp. --> + <org.mozilla.gecko.toolbar.TabCounter android:id="@+id/tabs_counter" + style="@style/UrlBar.ImageButton" + android:layout_alignLeft="@id/tabs" + android:layout_alignRight="@id/tabs" + android:layout_alignTop="@id/tabs" + android:layout_alignBottom="@id/tabs" + android:layout_marginTop="18dp" + android:layout_marginBottom="18dp" + android:layout_marginLeft="16dp" + android:layout_marginRight="16dp" + android:background="@drawable/tabs_count"/> + + <!-- Bug 1144707. Use clickable View instead of menu button margin to prevent + edit mode actiivation when user clicks on the edge of the screen. --> + <View android:id="@id/menu_margin" + android:layout_width="6dp" + android:layout_height="match_parent" + android:layout_alignParentRight="true" + android:clickable="true" + android:visibility="gone"/> + + <org.mozilla.gecko.widget.themed.ThemedFrameLayout + android:id="@+id/menu" + style="@style/UrlBar.ImageButton" + android:layout_toLeftOf="@id/menu_margin" + android:layout_alignWithParentIfMissing="true" + android:contentDescription="@string/menu" + android:background="@drawable/browser_toolbar_action_bar_button"> + + <org.mozilla.gecko.widget.themed.ThemedImageView + android:id="@+id/menu_icon" + style="@style/UrlBar.ImageButton.BrowserToolbarColors" + android:layout_height="@dimen/browser_toolbar_menu_icon_height" + android:layout_width="wrap_content" + android:scaleType="centerInside" + android:src="@drawable/menu" + android:layout_gravity="center"/> + + </org.mozilla.gecko.widget.themed.ThemedFrameLayout> + + <!-- We draw after the menu items so when they are hidden, the cancel button, + which is thus drawn on top, may be pressed. --> + <org.mozilla.gecko.widget.themed.ThemedImageView + android:id="@+id/edit_cancel" + style="@style/UrlBar.ImageButton" + android:layout_width="@dimen/browser_toolbar_icon_width" + android:layout_height="@dimen/browser_toolbar_height" + android:layout_weight="0.0" + android:layout_alignParentRight="true" + android:src="@drawable/close_edit_mode_selector" + android:contentDescription="@string/edit_mode_cancel" + android:visibility="gone"/> + +</merge> |