[文章]

鸿蒙应用开发练习:设置文本内容大小,位置,颜色,监听器等

2021-2-27 16:00:01  277 鸿蒙 应用开发
分享
3
图片1.png
图片2.png
图片3.png
MainAbility.java
package com.example.abilityui;

import com.example.abilityui.slice.MainAbilitySlice;
import ohos.aafwk.ability.Ability;
import ohos.aafwk.content.Intent;
import ohos.agp.colors.RgbColor;
import ohos.agp.components.*;
import ohos.agp.components.element.ShapeElement;
import ohos.agp.utils.Color;
import ohos.agp.utils.TextAlignment;

public class MainAbility extends Ability {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);

        initUIbyXML();//合了xmljava  xml行界面布局  java逻辑编写//        initUIbyJava();//用的是java封装好的布局}

    private void initUIbyXML(){
        setUIContent(ResourceTable.Layout_Ability_ui);
        Text text = (Text)findComponentById(ResourceTable.Id_test_text);
        Button button = (Button) findComponentById(ResourceTable.Id_test_button);

        ShapeElement element = new ShapeElement();

        element.setCornerRadius(30);
        element.setRgbColor(new RgbColor(43,156,15));

        //设置听器button.setClickedListener(new Component.ClickedListener() {
            //定义一个成变量private int a =0;
            @Override
            public void onClick(Component component) {
                //被点 a++a++;
                //改变文本框上面的text.setText("Clicked:"+a);
            }
        });
    }

    private void initUIbyJava(){
        //定义一个容器象,使用绝对定位管理件容器ComponentContainer container = new PositionLayout(this);

        //设置容器,高和设备屏幕一样,一样高container.setWidth(ComponentContainer.LayoutConfig.MATCH_PARENT);
        container.setHeight(ComponentContainer.LayoutConfig.MATCH_PARENT);

        //建一个文本框Text text = new Text(this);
        //示文本框要展示的容和信息text.setText("Hello word!");
        //设置位置和大小text.setTop(100);//ytext.setLeft(140);//xtext.setWidth(200);//wtext.setHeight(40);//htext.setTextColor(Color.RED);//设置text.setTextSize(36);//字体大小text.setTextAlignment(TextAlignment.CENTER);//设置文本齐方式//使用ShapeElement设置按的外ShapeElement element = new ShapeElement();
        //里设置为绿element.setRgbColor(new RgbColor(231,135,255));
        element.setCornerRadius(30);
        //建一个按Button button = new Button(this);
        //设置按的位置button.setText("点我!");
        button.setTop(150);
        button.setLeft(130);
        button.setWidth(200);
        button.setHeight(40);
        //用上面设置的button.setBackground(element);
        //设置听器button.setClickedListener(new Component.ClickedListener() {
            //定义一个成变量private int a =0;
            @Override
            public void onClick(Component component) {
                //被点 a++a++;
                //改变文本框上面的text.setText("Clicked:"+a);
            }
        });
        //文本象放到容器中去container.addComponent(text);
        container.addComponent(button);

        //前的容器委托管理setUIContent(container);
    }
}
Ability_ui.xml
<?xml version="1.0" encoding="utf-8"?><DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:orientation="vertical">

    <Component ohos:width="match_parent"ohos:height="70"/>

    <Text ohos:id="$+id:test_text"ohos:text="Hello world!"ohos:width="match_content"ohos:height="match_content"ohos:layout_alignment="center"ohos:top_margin="30"ohos:text_size="40"/>

    <Button ohos:id="$+id:test_button"ohos:text="点我!"ohos:width="200"ohos:height="50"ohos:layout_alignment="center"ohos:top_margin="30"ohos:background_element="#FF00FF00"ohos:text_size="30"/>

</DirectionalLayout>
鸿蒙应用开发练习:设置文本内容大小,位置,颜色,监听器等。.docx.docx (229.2 KB, 下载次数: 0)

相关文章

评论

您需要登录后才可以回帖 登录 | 注册

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
发文章
快速回复
扫一扫分享
返回顶部 返回列表