newtonerdai 发表于 2020-5-28 08:28:26

[json] 决定版战役选关界面的署名栏效果 - 附代码和注释

本帖最后由 newtonerdai 于 2020-5-28 08:32 编辑


效果图:
(注:UserMaterials的自定义材料技术是cly806搬运自车万战役大神duyhung2h-2的,下图中的章节图标则是用了戴子玲大佬转制的女将军模型)


该部分代码:


网页浏览:


      },       {"前面接": "Widget: Name: TitleLabel"},
      {
            "Widget": {
                "Type": "Base",                              "部件类型": "静态基础图形",
                "Name": "newtonerdai设计的署名栏整体",       "其实这些东西": "可以留下来的哟~~ლ(╹◡╹ლ) ",
                "ViewPort": {                        "视窗": "可以理解为在界面上开一个“窗户”,可以看到“室内”的景象,而material、text之类就是“室内的物品”",
                  "xorigin": 1920,                         "署名栏整体视窗原点x坐标": "起始点(0,0)位于屏幕最左上角。json里的100点对应1920*1080分辨率屏幕的50个像素;json里最大x、y坐标为3840*2160;如果是其他分辨率的屏幕,则系统会自动按比例调整。",
                  "yorigin": 200,
                  "width": 550,                            "署名栏整体视窗宽度": "在视窗范围内的内容才可以显示,在范围外的部分会被遮挡隐藏",
                  "height": 250,                           "署名栏整体视窗高度": "同上",
                  "alignment": "TopCentre",                "署名栏整体视窗对齐方式": "将署名栏整体视窗中上点对齐到其视窗原点"
                },
                "Image": {
                  "xorigin": 0,                            "署名栏的背景板原点x坐标": "署名栏整体视窗的左上角即为这个背景板图片的起始点(0,0)",
                  "yorigin": 0,
                  "width": 550,                            "署名栏的背景板宽高缩放": "署名栏图片原尺寸341*42像素,这里放到1920分辨率屏幕上相当于缩小到了原来的550/2/341=0.805倍",
                  "height": 67,
                  "alignment": "TopLeft",                  "署名栏的背景板对齐方式": "将背景板的左上角对齐到这个图片的原点"
                },
                "StateMaterials": {
                  "StateNormal": {
                        "Material": "ButtonCivDisabled",   "署名栏的背景板": "从materials.json里挑的,在widgetui/textures/menu/buttons/civ_inactive.png"
                  }
                },
                "ChildWidgets": [
                  {
                        "Widget": {
                            "Type": "Label",          "文本框": "与背景板不同。文本框的背景是透明的,其上承载了一些文字,框框限制了文字的可视区域即视窗。文字、隐形背景与框框合起来就是文本框",
                            "Name": "newtonerdai设计的署名栏里的文本框",
                            "ViewPort": {
                              "xorigin": 0,                "文本框视窗原点x坐标": "上面那个母部件视窗的左上角即为这个文本框子部件的起始点(0,0)",
                              "yorigin": 10,
                              "width": 550,                "文本框视窗宽度": "在视窗范围内的文本才可以显示,在范围外的部分会被遮挡隐藏。最好与视窗宽度相同,这样能避免自找烧脑",
                              "height": 50,
                              "alignment": "TopLeft",      "文本框视窗对齐方式": "将文本框左上角对齐到其视窗原点"
                            },
                            "也是ClippingOverride": "是Background",       "文本框裁切覆盖模式": "启用。可使文本框得以超出母部件(Base 署名栏整体)视窗而显示,就像在窗外拉一条横幅",
                            "StateMaterials": {
                              "StateNormal": {
                                    "Font": {
                                        "FontIndex": 0,
                                        "PointSize": 50,   "字号": "50点代表实1920*1080的屏幕上中文汉字为25*25像素",
                                        "Style": "Normal",
                                        "TextColor": {
                                          "r": 57,         "RGB": "文字颜色使用RGBA方案,可以自行查找RGB代码",
                                          "g": 28,
                                          "b": 27,
                                          "a": 255,      "阿尔法通道值": "即不透明度,0为完全透明,255为不透明"
                                        }
                                    }
                              }
                            },
                            "Text": "作者:newtonerdai",
                            "TextAnchor": "CentreCentre",       "文字区域锚点": "双中中点。这会让文字区域的中中点对齐到文本框视窗的中中点",
                            "ChildWidgets": []
                        }
                  }
                ]
            }
      },       {"后面接": "Widget: Name: ScenarioButton1"},
      {


cly806 发表于 2020-5-28 08:45:40

很好的帖子,能否发一下那个icon,挺好看的,另外我建议所有注释加上前置字符这样更符合规范,否则怕文件报错。提个建议

Papermanmmj 发表于 2020-5-28 12:03:00

建议加精

cly806 发表于 2020-5-28 12:31:45

本帖最后由 cly806 于 2020-5-28 12:33 编辑

Papermanmmj 发表于 2020-5-28 12:03
建议加精
这个可以高亮,但不到加精的程度,我的宝典才可以

Papermanmmj 发表于 2020-5-28 12:36:31

cly806 发表于 2020-5-28 12:31
这个可以高亮,但不到加精的程度,我的宝典才可以

宝典啥时候发论坛

cly806 发表于 2020-5-28 12:43:26

Papermanmmj 发表于 2020-5-28 12:36
宝典啥时候发论坛

新桶在审稿,还要改错误的,你可以上群 下1.0版本的

xjtl20231115 发表于 2023-11-24 11:14:35

{:149:}
页: [1]
查看完整版本: [json] 决定版战役选关界面的署名栏效果 - 附代码和注释