efl_ui_tab_pager: add Efl.Ui.Tab_Pager and related classes

Summary:
the basic concept of Efl.Ui.Tab_Pager is similar to elm_toolbar.
user can attach Efl.Ui.Tab_Bar to the tab_pager.
user can create an Efl.Ui.Tab_Page to add tab label, tab icon and set the content of the page.
user can pack Efl.Ui.Tab_Page into tab_pager.
The tab and page match one to one.
user can controls tab and page through tab_pager.

See T5317

Test Plan: elementary_test -to efl.ui.tab_pager

Reviewers: cedric, woohyun, Jaehyun_Cho

Reviewed By: Jaehyun_Cho

Subscribers: eunue

Differential Revision: https://phab.enlightenment.org/D5988

1 files changed, 66 insertions, 0 deletions

diff --git a/data/elementary/objects/test_tab_pager.edc b/data/elementary/objects/test_tab_pager.edc
new file mode 100644
index 0000000000..95715713ae
--- /dev/null
+++ b/data/elementary/objects/test_tab_pager.edc
@@ -0,0 +1,66 @@
+collections {
+   group { "tab_page_layout";
+      parts {
+         spacer { "base";
+            scale;
+            desc { "default";
+            }
+         }
+         swallow { "menu";
+            scale;
+            desc { "default";
+               rel.to: "base";
+               align: 0 0;
+               min: 200 0;
+               max: 200 -1;
+               fixed: 0 1;
+            }
+         }
+         rect { "separator";
+            scale;
+            desc { "default";
+               rel.to: "menu";
+               rel1.relative: 1 0;
+               align: 0 0;
+               min: 1 0;
+               max: 1 -1;
+               fixed: 0 1;
+               color: 75 75 75 255;
+            }
+         }
+         swallow { "tab_pager";
+            scale;
+            desc { "default";
+               rel1.to: "separator";
+               rel2.to: "base";
+               rel1.relative: 1 0;
+            }
+         }
+      }
+   }
+   group { "page_layout";
+      parts {
+         spacer { "base";
+            scale;
+            desc { "default";
+            }
+         }
+         rect { "bg";
+            scale;
+            desc { "default";
+               rel.to: "base";
+               color: 255 255 255 255;
+            }
+         }
+         text { "text";
+            scale;
+            desc { "default";
+               rel.to: "base";
+               align: 0.5 0.5;
+               color: 0 0 0 255;
+               text.size: 20;
+            }
+         }
+      }
+   }
+}