微信小程序怎么设置文本换行(从后台拿的数据)

微信小程序怎么设置文本换行(从后台拿的数据),第1张

1、打开开发者工具,在项目的pages文件夹下,新建mypage文件夹,并在文件夹内新建mypage,并在appjson中将mypage设为第一页面。

2、在mypagewxml中写代码如下。

3、保存代码,在模拟器中查看效果如下图。

4、在mypagewxss中添加代码如下:view{overflow-wrap: break-word;}。

5、保存代码,就实现了自动换行,注意view默认的display为block。

6、mypagewxss不用改,再把内容改为中文测试一下,修改mypagewxml。

7、保存代码,查看模拟器如下图,中文也实现了自动换行。

最近写微信小程序做了一个评论的模态框组件,发现页面textarea 用catchtouchmove="true" 禁止滚动安卓机可以,但是苹果的不行,最后定位在textarea 这个标签能滚动的问题

解决办法:

添加 fixed="true" 就不会滚动了

覆盖 textarea 等微信小程序原生组件

1子组件使用 position中的 relative、absolute、fixed

//子组件

父组件

此时可以通过z-index 大小控制子组件和 原生组件textarea覆盖 (前提:要在子组件设置position 使得组件脱离文档流)

你必须实现那个ActionListener接口的actionPerformed方法,我帮你改了下。运行成功了!

import javaawtevent;

import javaawt;

import javaxswing;

class Dwindow extends Frame implements ActionListener {

public void actionPerformed(javaawteventActionEvent arg0){}//这个方法必须得写上,内容没有无所谓。因为你实现了ActionListener接口,必须实做这个方法。

TextField inputNumber;

TextArea show;

Dwindow(String s) {

super(s);

inputNumber = new TextField(22); inputNumberaddActionListener(this);

show = new TextArea();

add(inputNumber,BorderLayoutNORTH);

add(show,BorderLayoutCENTER);

setBounds(60,60,300,300); setVisible(true);

validate();

addWindowListener(new WindowAdapter() {

public void windowClosing(WindowEvent e) {

Systemexit(0);

}

});

}

public void actionPerFormed(ActionEvent e) {

boolean boo = false;

int num;

if(egetSource() == inputNumber) {

String s = inputNumbergetText();

char a[] = stoCharArray();

for(int i=0;i<alength;i++) {

if(!(CharacterisDigit(a[i]))) boo = true;

}

if(boo==true) {

JOptionPaneshowMessageDialog(this,"您输入了非法字符","警告对话框",JOptionPaneWARNING_MESSAGE);

inputNumbersetText(null);

}

else if(boo==false) {

num = IntegerparseInt(s);

if(num>1000) {

JOptionPaneshowMessageDialog(this,"输入的数不能大于1000","警告对话框",JOptionPaneWARNING_MESSAGE);

}

else showappend("\n"+s);

}

}

}

}

public class Try1 {

public static void main(String[] args) {

new Dwindow("带对话框的窗口");

}

}

在D盘建立一个delVBtxt的文本

<html>

<head>

<meta >

这行代码[areaappend(s + d1 + " and " + d2 + " so you");]中area为null。

area你是通过方法buildGUI()来初始化的,在新的thread中你没有调用该方法,你是在main方法中对一个匿名Dice调用的[new Dice()buildGUI()]。

下面是改过的,把main中Dice引用传给thread。

import javaawt;

import javaawteventActionEvent;

import javaawteventActionListener;

import javaawteventWindowAdapter;

import javaawteventWindowEvent;

import javautilRandom;

public class Dice {

int d1 = 0, d2 = 0;

float ratio = 10f;

static int win = 0;

static int lose = 0;

Random r = new Random();

int sum;

Frame frame;

TextArea area;

Button button;

String s = "Now you got :";

public static void main(String[] args) {

Dice dice = new Dice();

dicebuildGUI();

createThread c1 = new createThread(dice);// 就是这句!!!

Thread t = new Thread(c1);

tstart();

}

public void buildGUI() {

frame = new Frame("Dice Game");

area = new TextArea();

// button = new Button("Try");

// buttonaddActionListener(new pressListener());

frameadd(BorderLayoutCENTER, area);

// frameadd(BorderLayoutSOUTH, button);

framesetVisible(true);

framesetSize(300, 300);

framesetLocation(100, 100);

frameaddWindowListener(new WindowAdapter() {

@Override

public void windowClosing(WindowEvent e) {

Systemexit(-1);

}

});

}

public void createNums() {

d1 = rnextInt(7);

d2 = rnextInt(7);

areaappend(s + d1 + " and " + d2 + " so you");

judge(d1, d2);

}

public void judge(int d1, int d2) {

sum = d1 + d2;

ratio = (float) lose / win;

if (sum > 7) {

win++;

areaappend(" win! " + win + " " + ratio + '\n');

} else {

lose++;

areaappend(" lose " + lose + " " + ratio + '\n');

}

}

/

public class pressListener implements ActionListener { public void actionPerformed(ActionEvent e) { createNums();

} }

/

}

class createThread implements Runnable {

Dice d = new Dice();

public createThread(Dice d) {

thisd = d;

}

public void run() {

try {

Threadsleep(50);

dcreateNums();

} catch (InterruptedException e) {

eprintStackTrace();

}

}

}

以上就是关于微信小程序怎么设置文本换行(从后台拿的数据)全部的内容,包括:微信小程序怎么设置文本换行(从后台拿的数据)、微信小程序模态框textarea能滚动的问题、微信小程序 通过脱离文档流和z-index 覆盖 原生组件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10205992.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存