191 lines
10 KiB
XML
191 lines
10 KiB
XML
|
<?xml version="1.0" encoding="utf-8"?>
|
||
|
|
<!--
|
||
|
|
Copyright (C) 2018 The Android Open Source Project
|
||
|
|
|
||
|
|
Licensed under the Apache License, Version 2.0 (the "License")
|
||
|
|
you may not use this file except in compliance with the License.
|
||
|
|
You may obtain a copy of the License at
|
||
|
|
|
||
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
|
||
|
|
Unless required by applicable law or agreed to in writing, software
|
||
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
See the License for the specific language governing permissions and
|
||
|
|
limitations under the License.
|
||
|
|
-->
|
||
|
|
|
||
|
|
<!--
|
||
|
|
NOTE: All panes have the same width. The preference pane and preview pane are merely visual
|
||
|
|
effects achieved by utilizing the overlay. In order to have different paddings for preference
|
||
|
|
pane and preview pane without compromising the smooth scroll animation, we must refrain from
|
||
|
|
flipping visibility between VISIBLE and GONE of extra View elements to use them as paddings.
|
||
|
|
|
||
|
|
Since the preference pane is designed to have larger paddingStart than the preview pane, we
|
||
|
|
achieved the desired visual effect by:
|
||
|
|
(1) Setting paddingStart for all panes (frame1, frame2, ...) to be the desired value of preview
|
||
|
|
pane paddingStart, denoted by Y.
|
||
|
|
(2) Adding two View elements (extra_padding and extra_padding_rtl) both with width denoted by X
|
||
|
|
at the very beginning and end within the TwoPanelScrollView, such that the sum of X and Y equals
|
||
|
|
to the desired value of preference pane visual paddingStart.
|
||
|
|
(3) Always slides the visible window of TwoPanelScrollView from 0 on X-axis by integer increment
|
||
|
|
of preference pane width.
|
||
|
|
|
||
|
|
Here are concrete examples to help us understand:
|
||
|
|
(1) When frame1 is the preference pane, the screen shows extra_padding, frame1 and part of
|
||
|
|
frame2 as preview pane. The combination of extra_padding and frame1's paddingStart consists the
|
||
|
|
visual paddingStart of preference pane.
|
||
|
|
(2) When we navigate to the next pane and frame2 becomes the preference pane, the screen shows a
|
||
|
|
small fraction of frame1's paddingEnd, frame2 and part of frame3 as preview pane. Because we
|
||
|
|
slide the visible window by an increment of preference pane width on X-axis, there will always
|
||
|
|
be exactly X amount of previous pane's blank paddingEnd blending into the real paddingStart of
|
||
|
|
current preference pane to consist the larger visual paddingStart.
|
||
|
|
-->
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsRootView
|
||
|
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||
|
|
android:id="@+id/two_panel_fragment_container"
|
||
|
|
android:layout_width="match_parent"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:orientation="horizontal"
|
||
|
|
android:background="@color/tp_fragment_container_background_color">
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelScrollView
|
||
|
|
android:id="@+id/scrollview"
|
||
|
|
android:layout_width="@dimen/tp_settings_panes_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:scrollbars="none"
|
||
|
|
android:importantForAccessibility="no">
|
||
|
|
|
||
|
|
<LinearLayout
|
||
|
|
android:id="@+id/linearlayout"
|
||
|
|
android:orientation="horizontal"
|
||
|
|
android:layout_width="@dimen/tp_settings_panes_width"
|
||
|
|
android:layout_height="match_parent">
|
||
|
|
|
||
|
|
<!-- extra_padding, the extra paddingStart of preference pane -->
|
||
|
|
<FrameLayout
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/preference_pane_extra_padding_start"
|
||
|
|
android:layout_height="match_parent" />
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame1"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame2"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame3"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame4"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame5"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame6"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame7"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame8"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame9"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout
|
||
|
|
android:id="@+id/frame10"
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/tp_settings_preference_pane_width"
|
||
|
|
android:layout_height="match_parent"
|
||
|
|
android:paddingStart="@dimen/pane_basic_padding_start"
|
||
|
|
android:paddingEnd="@dimen/preference_pane_padding_end"
|
||
|
|
android:clipChildren="false"
|
||
|
|
android:clipToPadding="false">
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsFrameLayout>
|
||
|
|
|
||
|
|
<!-- extra_padding_rtl, the extra paddingStart of preference pane in RTL -->
|
||
|
|
<FrameLayout
|
||
|
|
android:background="@color/tp_preference_panel_background_color"
|
||
|
|
android:layout_width="@dimen/preference_pane_extra_padding_start"
|
||
|
|
android:layout_height="match_parent" />
|
||
|
|
|
||
|
|
</LinearLayout>
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelScrollView>
|
||
|
|
|
||
|
|
</com.android.tv.twopanelsettings.TwoPanelSettingsRootView>
|