两个文本部分的垂直居中

问题描述

我在 EDC 中有一个基本的布局：

group { "sample";
  parts {
     text { "text0";
        desc { "default";
           rel1.relative: 0 0;
           rel2.relative: 1 0.5;
           color: 255 0 0 255;
           text {
              text: "Title";
              font: "Tizen:style=Regular";
              size: 30;;
              align: 0.5 1;
           }
        }
     }
     text { "text1";
        desc { "default";
           rel1.relative: 0 0.5;
           rel2.relative: 1 1;
           color: 255 0 255 255;
           text {
              text: "SubTitle";
              font: "Tizen:style=Regular";
              size: 14;
              align: 0.5 0;
           }
        }
     }         
  }
}

这是按预期工作的：

但是我想将这两个文本放在垂直中间：

我画了两条绿线，文本应位于它们之间（垂直）。

如何使用 EDC 实现这一目标？

额外信息：我需要这两个文本，一个不够。

解决方法

EDC image

你想要这个吗？请参考以下。

collections {
   group { "sample";
      parts {
         spacer { "base";
            desc { "default";
               min: 400 120;
               max: 400 120;
            }
         }
         rect { "bg";
            desc { "default";
               rel.to: "base";
               color: 255 255 255 255;
            }
         }
         text { "text0";
            desc { "default";
               rel1.to: "rect0";
               rel2.to_x: "rect0";
               rel2.to_y: "rect_middle";
               rel1.relative: 0.5 1;
               rel2.relative: 0.5 0;
               align: 0.5 0.5;
               color: 255 0 0 255;
               text {
                  text: "Title";
                  font: "Tizen:style=Regular";
                  size: 30;;
                  align: 0.5 1;
                  min: 1 1;
               }
            }
         }
         text { "text1";
            desc { "default";
               rel1.to_x: "rect1";
               rel1.to_y: "rect_middle";
               rel2.to: "rect1";
               rel1.relative: 0.5 1;
               rel2.relative: 0.5 0;
               align: 0.5 0.5;
               color: 255 0 255 255;
               text {
                  text: "SubTitle";
                  font: "Tizen:style=Regular";
                  size: 14;
                  align: 0.5 0;
                  min: 1 1;
               }
            }
         }
         rect { "rect_middle";
            desc { "default";
               color: 0 0 255 255;
               rel.to: "base";
               align: 0.5 0.5;
               min: 0 2;
               max: -1 2;
            }
         }   
         rect { "rect0";
            desc { "default";
               color: 0 255 0 255;
               rel.to: "base";
               align: 0.4 0;
               min: 2 30;
               max: 2 30;
            }
         }
         rect { "rect1";
            desc { "default";
               color: 0 255 0 255;
               rel.to: "base";
               align: 0.4 1;
               min: 2 30;
               max: 2 30;
            }
         }
      }
   }
}