页面嵌套怎么做呢，想做个底部可切换tab的demo，

类似android的activity + viewpager + 多个fragment应该怎么搞啊？求大佬解惑。

页面嵌套

wx59c0ce7573175

2021-01-18 17:19:06

浏览

回答 3

按赞同

按时间

书中自有颜如玉V

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical">
<DirectionalLayout
ohos:id="$+id:dl_frame"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:weight="1"/>

</DirectionalLayout>

2021-01-18 17:37:15

书中自有颜如玉V

public class MainAbilitySlice extends AbilitySlice {

@BindView(value = ResourceTable.Id_dl_frame)
DirectionalLayout dl_frame;
@BindView(value = ResourceTable.Id_listtenDL)
DirectionalLayout listtenDL;
@BindView(value = ResourceTable.Id_classlyDL)
DirectionalLayout classlyDL;
@BindView(value = ResourceTable.Id_communityDL)
DirectionalLayout communityDL;
@BindView(value = ResourceTable.Id_shopingDL)
DirectionalLayout shopingDL;
@BindView(value = ResourceTable.Id_myDL)
DirectionalLayout myDL;

@BindView(value = ResourceTable.Id_home)
Text home;
@BindView(value = ResourceTable.Id_classly)
Text classly;
@BindView(value = ResourceTable.Id_community)
Text community;
@BindView(value = ResourceTable.Id_shoping)
Text shoping;
@BindView(value = ResourceTable.Id_my)
Text my;

@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
ButterKnife.bind(this);
//默认第一个
setUI(new HomeSlice(), home);

}

@OnClick({ResourceTable.Id_home, ResourceTable.Id_classly, ResourceTable.Id_shoping, ResourceTable.Id_community, ResourceTable.Id_my})
public void click(Component component) {
System.err.println(component.getId() + "::::::::::::::::::::::");
switch (component.getId()) {
case ResourceTable.Id_home:
setUI(new HomeSlice(), home);
break;
case ResourceTable.Id_classly:
setUI(new ClasslySlice(), classly);
break;
case ResourceTable.Id_shoping:
setUI(new ShopingSlice(), shoping);
break;
case ResourceTable.Id_community:
setUI(new CommunitySlice(), community);
break;
case ResourceTable.Id_my:
setUI(new MySlice(), my);
break;

}
}

public void setUI(Fraction fraction, Text textview) {
//清空文字颜色
setTextColor(textview);
dl_frame.removeAllComponents();
//加载界面
((FractionAbility) getAbility()).getFractionManager().startFractionScheduler().add(ResourceTable.Id_dl_frame, fraction).submit();
}

//单个Item切换
public void setTextColor(Text textview) {
ResourceManager resourceManager = getAbility().getResourceManager();
Resource resource;
PixelMapElement element;
try {
int color = resourceManager.getElement(ResourceTable.Color_color_d0).getColor();
int color2 = resourceManager.getElement(ResourceTable.Color_color_f3).getColor();
clearClick(color);//清除点击事件
textview.setTextColor(new Color(color2));
if (textview == home) {//首页
resource = resourceManager.getResource(ResourceTable.Media_home1);
element = new PixelMapElement(resource);
home.setAroundElements(null, element, null, null);

} else if (textview == classly) {//分类
resource = resourceManager.getResource(ResourceTable.Media_fenlei1);
element = new PixelMapElement(resource);
classly.setAroundElements(null, element, null, null);

} else if (textview == community) {//社区
resource = resourceManager.getResource(ResourceTable.Media_sq1);
element = new PixelMapElement(resource);
community.setAroundElements(null, element, null, null);

} else if (textview == shoping) {//购物车
resource = resourceManager.getResource(ResourceTable.Media_gwc1);
element = new PixelMapElement(resource);
shoping.setAroundElements(null, element, null, null);
} else if (textview == my) {//我的
resource = resourceManager.getResource(ResourceTable.Media_my1);
element = new PixelMapElement(resource);
my.setAroundElements(null, element, null, null);
}

} catch (Exception e) {
e.printStackTrace();
}
}

//清空点击事件
public void clearClick(int color1) {
ResourceManager resourceManager = getAbility().getResourceManager();
Resource resource;
PixelMapElement element;
try {
resource = resourceManager.getResource(ResourceTable.Media_home);
element = new PixelMapElement(resource);
home.setAroundElements(null, element, null, null);
home.setTextColor(new Color(color1));

resource = resourceManager.getResource(ResourceTable.Media_fenlei);
element = new PixelMapElement(resource);
classly.setAroundElements(null, element, null, null);
classly.setTextColor(new Color(color1));

resource = resourceManager.getResource(ResourceTable.Media_sq);
element = new PixelMapElement(resource);
community.setAroundElements(null, element, null, null);
community.setTextColor(new Color(color1));

resource = resourceManager.getResource(ResourceTable.Media_gwc);
element = new PixelMapElement(resource);
shoping.setAroundElements(null, element, null, null);
shoping.setTextColor(new Color(color1));

resource = resourceManager.getResource(ResourceTable.Media_my);
element = new PixelMapElement(resource);
my.setAroundElements(null, element, null, null);
my.setTextColor(new Color(color1));
} catch (Exception e) {
e.printStackTrace();
}

}

//回退拦截
@Override
protected void onBackPressed() {
//弹出提示框
CommonDialog commonDialog = new CommonDialog(getContext());
DirectionalLayout toastLayout = (DirectionalLayout) LayoutScatter.getInstance(getContext())
.parse(ResourceTable.Layout_layout_dialog, null, false);
commonDialog.setContentCustomComponent(toastLayout);
//退出应用
Button dialog_out = (Button)toastLayout.findComponentById(ResourceTable.Id_dialog_out);
dialog_out.setClickedListener(new Component.ClickedListener() {
@Override
public void onClick(Component component) {
commonDialog.hide();
terminateAbility();
}
});
//隐藏
Button dialog_hide = (Button)toastLayout.findComponentById(ResourceTable.Id_dialog_hide);
dialog_hide.setClickedListener(new Component.ClickedListener() {
@Override
public void onClick(Component component) {
commonDialog.hide();

}
});
//再听听
Button dialog_continue = (Button)toastLayout.findComponentById(ResourceTable.Id_dialog_continue);
dialog_continue.setClickedListener(new Component.ClickedListener() {
@Override
public void onClick(Component component) {
commonDialog.hide();
}
});
commonDialog.setSize(800,410);
commonDialog.setAlignment(LayoutAlignment.CENTER);
commonDialog.show();
}

@Override
public void onActive() {
super.onActive();
}

@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
}

2021-01-18 17:36:26

书中自有颜如玉V

就这些就可以实现了，我的这个写的比较乱

2021-01-18 17:37:55

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

页面嵌套怎么做呢，想做个底部可切换tab的demo，

订阅鸿蒙技术特刊，精选内容抢先看