精华内容
下载资源
问答
  • 我有一个textArea,当字体较大时占据整个屏幕 . 但是如果字体较小,则会留下很大的空间 . textArea有margin,padding为零 . 在模拟器和真实设备中都可以看到这个问题(我在Android设备上检查过) .Form hi = new Form...

    我有一个textArea,当字体较大时占据整个屏幕 . 但是如果字体较小,则会留下很大的空间 . textArea有margin,padding为零 . 在模拟器和真实设备中都可以看到这个问题(我在Android设备上检查过) .

    Form hi = new Form("Hi World", new BorderLayout());

    hi.show();

    TextArea priceLabel = new TextArea("AG and Company works in Nepal for manufacturing, marketing and exporting herbal products and organic argo products. The products include organic coffee, spices, body care products, crude herbs, cosmetic products, and vegetable oil and herbal teas. The organization is located in Sinamangal, Kathmandu and the chairman is Mr.Sitaram Adhikari.");

    priceLabel.setUIID("small");

    priceLabel.getAllStyles().setMarginLeft(1);

    priceLabel.setEditable(false);

    priceLabel.setGrowByContent(true);

    priceLabel.setFocusable(false);

    priceLabel.setScrollVisible(false);

    priceLabel.getAllStyles().setBgColor(0xff0000);

    priceLabel.getAllStyles().setBgTransparency(255);

    priceLabel.getAllStyles().setMargin(0,0,0,0);

    priceLabel.getAllStyles().setPadding(0,0,0,0);

    Container herbDetailContainer = BoxLayout.encloseY(new Label(), priceLabel);

    herbDetailContainer.setScrollableY(true);

    hi.add(BorderLayout.CENTER, herbDetailContainer);

    hi.revalidate();

    字体大小1毫米(原生:MainThin)

    9f574ed94ccb788766e44f82e8fcaa85.png

    字体大小2毫米(原生:MainThin)

    0bdf4c2d3c864fc6b52ed89dd7a81e1d.png

    字体大小3毫米(原生:MainThin)

    179dcab8e37f8498b96dca5a36aebeef.png

    字体大小4毫米(原生:MainThin)

    0919e4bd6f31c6e0ffe466cadb89533e.png

    展开全文
  • Flash CS3 中改变TextArea字体大小的方法总结如下,偶也是在摸爬滚打中过来的。哎,偶的神啊,可累死我了! setStyle("fontSize","12");//这种方式无效 有效方式如下: var txt:TextArea=new TextArea();var txt...

     Flash CS3 中改变TextArea字体大小的方法总结如下,偶也是在摸爬滚打中过来的。哎,偶的神啊,可累死我了!

     

     

    有效方式如下:

     

    展开全文
  • 用js批量输出select事件控制textarea字体大小的代码。
  • 简单记录下今天做的自定义字体大小修改的功能需求:添加具体字体自定义大小功能、不需要跟随系统字体大小改变而改变1.首先看一下用到的调节字体大小的控件:控件继承自系统的SeekBar,添加了刻度、文字代码如下:/**...

    简单记录下今天做的自定义字体大小修改的功能

    需求:添加具体字体自定义大小功能、不需要跟随系统字体大小改变而改变
    1.首先看一下用到的调节字体大小的控件:

    642ef326b700a5bf04298e87a149bf69.png

    控件继承自系统的SeekBar,添加了刻度、文字代码如下:

    /** * Des: */public class RaeSeekBar extends AppCompatSeekBar {    //  刻度说明文本,数组数量跟刻度数量一致,跟mTextSize的长度要一致    private String[] mTickMarkTitles = new String[]{            "A",            "标准",            "",            "A"    };    // 刻度代表的字体大小    private float[] mTextSize = new float[]{            0.8f,            1.0f,            1.15f,            1.3f    };    // 刻度画笔    private final Paint mTickMarkTitlePaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);    //文本画笔    private final Paint mTitlePaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);    //  刻度文本字体大小    private float mTickMarkTitleTextSize = 18;    // 刻度文本跟刻度之间的间隔    private float mOffsetY = 40;    // 刻度线的高度    private int mLineHeight = 10;    // 保存位置大小信息    private final Rect mRect = new Rect();    private int mThumbHeight;    private int mThumbWidth;    public RaeSeekBar(Context context) {        this(context, null);    }    public RaeSeekBar(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    public RaeSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        init();    }    protected void init() {        mTickMarkTitleTextSize = getSize(mTickMarkTitleTextSize);        mOffsetY = getSize(mOffsetY);        mLineHeight = getSize(mLineHeight);        mTickMarkTitlePaint.setTextAlign(Paint.Align.CENTER);        mTickMarkTitlePaint.setColor(ContextCompat.getColor(getContext(), R.color.color_66989FC3));        mTitlePaint.setTextAlign(Paint.Align.CENTER);        mTitlePaint.setColor(ContextCompat.getColor(getContext(), R.color.color_303132));    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        int max = getMax();        int width = canvas.getWidth();        int height = canvas.getHeight();        int h2 = height / 2;        // 画刻度背景        mRect.left = getPaddingLeft();        mRect.right = width - getPaddingRight();        mRect.top = h2 - getSize(1);        mRect.bottom = mRect.top + getSize(1.0f);        canvas.drawRect(mRect, mTickMarkTitlePaint);        int cw = mRect.right - mRect.left; // 总画线的长度 = 右边坐标 - 左边坐标        for (int i = 0; i <= max; i++) {            // 每个间隔的大小            int thumbPos = getPaddingLeft() + (cw * i / max);            // 画分割线            mRect.top = h2 - mLineHeight / 2;            mRect.bottom = h2 + mLineHeight / 2;            mRect.left = thumbPos;            mRect.right = thumbPos + getSize(1.0f);            canvas.drawRect(mRect, mTickMarkTitlePaint);            // 画刻度文本            String title = mTickMarkTitles[i % mTickMarkTitles.length];            mTitlePaint.getTextBounds(title, 0, title.length(), mRect);            mTitlePaint.setTextSize(mTextSize[i] * mTickMarkTitleTextSize);            canvas.drawText(title, thumbPos, mTextSize[mTextSize.length - 1] * mTickMarkTitleTextSize, mTitlePaint);        }    }    @Override    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        mThumbWidth = getThumb().getIntrinsicWidth();        mThumbHeight = getThumb().getIntrinsicHeight();        // 加上字体大小        int wm = MeasureSpec.getMode(widthMeasureSpec);        int hm = MeasureSpec.getMode(heightMeasureSpec);        int w = getMeasuredWidth();        int h = getMeasuredHeight();        h += mTextSize[mTextSize.length - 1] * mTickMarkTitleTextSize; // 最大的字体        h += mOffsetY;        // 保存        setMeasuredDimension(MeasureSpec.makeMeasureSpec(w, wm), MeasureSpec.makeMeasureSpec(h, hm));    }    protected int getSize(float size) {        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, size, getResources().getDisplayMetrics());    }    public float getRawTextSize(int progress) {        return mTextSize[progress % mTextSize.length];    }    public void setTextSize(float size) {        for (int i = 0; i < mTextSize.length; i++) {            float textSize = mTextSize[i];            if (textSize == size) {                setProgress(i);                break;            }        }    }}
    2.RaeSeekBar控件的具体使用

    代码如下:

            RaeSeekBar raeSeekBar = findViewById(R.id.rae_seek_bar);        scalaSize = SPUtils.getInstance().getFloat(SPConfig.FONT_SIZE_SCALE, 1.0f);        setTvSize(scalaSize);        raeSeekBar.setTextSize(scalaSize);        raeSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {            @Override            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {                scalaSize = raeSeekBar.getRawTextSize(progress);                setTvSize(scalaSize);            }            @Override            public void onStartTrackingTouch(SeekBar seekBar) {            }            @Override            public void onStopTrackingTouch(SeekBar seekBar) {            }        });
    3.实现部分界面的字体大小的修改

    先看看修改字体大小代码,如下:

        /**     * 修改字体大小     *     * @param spKey     */    protected void changeFontSize(String spKey) {        float scale = 1.0f;        Configuration c = getResources().getConfiguration();        if (!TextUtils.isEmpty(spKey)) {            scale = SPUtils.getInstance().getFloat(spKey, 1.0f);        }        c.fontScale = scale;//        DisplayMetrics metrics = new DisplayMetrics();//        getWindowManager().getDefaultDisplay().getMetrics(metrics);//        metrics.scaledDensity = c.fontScale * metrics.density;        getResources().updateConfiguration(c, getResources().getDisplayMetrics());    }

    修改字体大小的代码放在BaseActivity中在onCreate中调用changeFontSize(null);,即:

     /**     * 是否需要重置字体大小     * 只有在需要调节字体大小的界面不需要重置,其他的均需要重置     */    protected boolean isNeedResetFontSize = true;    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        BarUtils.setStatusBarColor(this, getResources().getColor(R.color.color_translation));        BarUtil.getInstance().setStatusBarFontIconDark(this, false);        if (isNeedResetFontSize) {            changeFontSize(null);        }        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_base);    }

    在需要字体大小改变的页面onCreate中调用changeFontSize("你保存的修改后的字体的倍数对应的SP中的Key");,例如:

        @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        isNeedResetFontSize = false;        changeFontSize(SPConfig.FONT_SIZE_SCALE);        super.onCreate(savedInstanceState);    }

    到这里修改字体的工作基本上算是完了
    但是
    修改系统字体大小后会发现自己修改的字体的大小是累加在修改后的系统字体大小之上的

    4.禁止APP的字体大小跟随系统字体大小改变而改变

    1.Application中重写getResources方法:

        /**     * 重写 getResource 方法,防止系统字体影响     */    @Override    public Resources getResources() {//禁止app字体大小跟随系统字体大小调节        Resources resources = super.getResources();        if (resources != null && resources.getConfiguration().fontScale != 1.0f) {            android.content.res.Configuration configuration = resources.getConfiguration();            configuration.fontScale = 1.0f;            resources.updateConfiguration(configuration, resources.getDisplayMetrics());        }        return resources;    }

    2.BaseActivity中重写getResources方法:

        /**     * 重写 getResource 方法,防止系统字体影响     */    @Override    public Resources getResources() {//禁止app字体大小跟随系统字体大小调节        Resources resources = super.getResources();        if (isNeedResetFontSize) {            if (resources != null && resources.getConfiguration().fontScale != 1.0f) {                android.content.res.Configuration configuration = resources.getConfiguration();                configuration.fontScale = 1.0f;                resources.updateConfiguration(configuration, resources.getDisplayMetrics());            }        }        return resources;    }
    • 上面的代码在红米3开发版手机上的效果不理想,如下图:

      f12f4827692e33ff4fef9eeae79f9e6a.png

      图中SeekBar设置的thumb图片跑到了刻度上方

    看了下源码(AbsSeekBar.java:732行):

        /**     * Draw the thumb.     */    void drawThumb(Canvas canvas) {        if (mThumb != null) {            final int saveCount = canvas.save();            // Translate the padding. For the x, we need to allow the thumb to            // draw in its extra space            canvas.translate(mPaddingLeft - mThumbOffset, mPaddingTop);            mThumb.draw(canvas);            canvas.restoreToCount(saveCount);        }    }

    源码中画thumb是通过padding值来确定位置的,所以,通过设置padding来适配红米3,代码修改如下:

        @Override    protected void onDraw(Canvas canvas) {        Drawable thumb = getThumb();        int max = getMax();        int width = canvas.getWidth();        int height = canvas.getHeight();        int h2 = height / 2;        boolean xiaomi = RomUtils.isXiaomi();        if (xiaomi) {            setPadding(getPaddingLeft(), (height - thumb.getIntrinsicHeight()) / 2, getPaddingRight(), getPaddingBottom());        }        super.onDraw(canvas);        // 画刻度背景        mRect.left = getPaddingLeft();        mRect.right = width - getPaddingRight();        mRect.top = h2 - getSize(1);        mRect.bottom = mRect.top + getSize(1.0f);        canvas.drawRect(mRect, mTickMarkTitlePaint);        int cw = mRect.right - mRect.left; // 总画线的长度 = 右边坐标 - 左边坐标        for (int i = 0; i <= max; i++) {            // 每个间隔的大小            int thumbPos = getPaddingLeft() + (cw * i / max);            // 画分割线            mRect.top = h2 - mLineHeight / 2;            mRect.bottom = h2 + mLineHeight / 2;            mRect.left = thumbPos;            mRect.right = thumbPos + getSize(1.0f);            canvas.drawRect(mRect, mTickMarkTitlePaint);            // 画刻度文本            String title = mTickMarkTitles[i % mTickMarkTitles.length];            mTitlePaint.getTextBounds(title, 0, title.length(), mRect);            mTitlePaint.setTextSize(mTextSize[i] * mTickMarkTitleTextSize);            canvas.drawText(title, thumbPos, mTextSize[mTextSize.length - 1] * mTickMarkTitleTextSize, mTitlePaint);        }    }

    到这里就结束啦.

    4444792222e83f627e021a8b26739f76.png

    b77e5b578e5c9226fdb6bbffa4c8e95b.png

    展开全文
  • 刚刚拿到一个设计图中的input的placeholder是白色的然后就给大家整理了一下。 以下是解决代码: /* WebKit browsers */ ... /* 字体大小直接写样式即可 */ font-size: 28px; } /* Mozilla Firefox 4-18使用...

    刚刚拿到一个设计图中的input的placeholder是白色的然后就给大家整理了一下。

    在这里插入图片描述

    以下是 input 的解决代码:
    /* WebKit browsers  */
    input::-webkit-input-placeholder {
        color: #fff;
       /* 字体大小直接写样式即可 */
        font-size: 28px;
    }
    /*  Mozilla Firefox 4-18使用伪类 */
    input:-moz-placeholder {
      color: #fff;
    }
    /* Mozilla Firefox 19+ 使用伪元素  */
    input::-moz-placeholder { 
      color: #fff;
    }
    /* IE10使用伪类 */
    input:-ms-input-placeholder {
      color: #fff;
    }
    
    textarea 的解决代码
    textarea::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fff;
    }
    textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff;
    }
    textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff;
    }
    textarea::-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fff;
    }
    
    展开全文
  • 今天我们学习wps文档字体大小设置。这是作者以前的一个小故事,当然关键词就不告诉大家了,引用这些文字来讲解办公软件文档是如何使用。我们首先鼠标左键全部选中我们文档字体,当然文档字体和字数因文档里面有...
  • } 修改textarea的placeholder样式 textarea::-webkit-input-placeholder { /* WebKit browsers */ /* placeholder颜色 */ color: #ff0000; /* placeholder字号 */ font-size: 0.14rem; } textarea:-moz-placeholder...
  • 话不多说,直接上代码: input::-webkit-input-...textarea::-webkit-input-placeholder { color: #666; font-size: 16px; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozill...
  • 字体: label > 30 < select name ="fontFamil" id ="fontFamil" onchange ="changeFamily(this)" > 31 < option value ="Microsoft YaHei" > Microsoft YaHei option > 32 < option value =...
  • 在做新闻发布的时候想对新闻内容进行编辑,就发现的这个好东西。整理如下:cript"> var addSheet = function(){ var doc,cssCode; if(arguments.length == 1){ doc = document; cssCode = arguments[0];...
  • 1打开【AI】,使用【文字工具】输入“风轻云淡”,【字体】分别设置为繁体和篆体,作为字体设计的参考2使用【钢笔工具】绘制一条直线,关闭【填充】,【8pt】【描边】,选择【直接选择工具】选中中间的竖线向右拖动...
  • /******************************************************************/ var fontPicker = $.CE('div'); fontPicker.className = "fontpicker"; toolbar.appendChild(fontPicker); /******
  • 在做新闻发布的时候想对新闻内容进行编辑,就发现的这个好东西。整理如下: var addSheet = function(){ var doc,cssCode; if(arguments.length == 1){ doc = document; cssCode = arguments[0];...
  • /******************************************************************/ var fontPicker = $.CE('div'); fontPicker.className = "fontpicker"; toolbar.appendChild(fontPicker); /******
  • 设置GUI中Label的字体大小

    千次阅读 2016-03-13 15:49:26
    做unity3d GUI的时候一定会发现一般都是用GUI.skin来控制GUI显示效果...只是通用的方法是做多个不同字体大小的字体文件导入,再想要哪个大小就使用哪个大小,当然这样是很费时,费游戏大小的,并且不灵活,我后面就想啊
  • 设置GUI中Label字体大小

    千次阅读 2012-12-30 21:53:48
    做unity3d GUI的时候一定会发现一般都是用GUI.skin来控制GUI显示效果...只是通用的方法是做多个不同字体大小的字体文件导入,再想要哪个大小就使用哪个大小,当然这样是很费时,费游戏大小的,并且不灵活,我后面就想啊
  • 用RichTextEditor来设置字体大小,当点击发送之后,字体又会回到原来大小的,原因是textArea的字体没有被设置, 那么如何来做这个问题呢: 我的解决办法这样的:     手动设置textArea的样式,每次改变...
  • 如何设置输入框input中placeholder的字体颜色、字号 须知 placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。 设置placeholder文字颜色、字号 方式一 因为每个浏览器的CSS...
  • 复制代码代码如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } ...
  • ext 控件字体大小改变

    千次阅读 2014-05-12 10:52:15
    .label {  font-size:14px; } .textarea {  font-size:20px; }   gro
  • wordpress 调整段落间距和字体大小

    万次阅读 2012-06-23 19:03:07
    默认的wordpress字体大小和段落间距有些不舒服,显得太大,有必要调整一下。 如图 在WordPress的控制面板里面,选择 外观-》编辑 直接编辑Style.css,其文件对应位置是 wordpress/wp-content/themes/[theme name]/...
  • 如题。setFont()只能改变样式和大小,无法改变字体。 谢谢!
  • textarea

    2009-11-27 13:57:27
    另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。 2、rows,水平列。表示可显示的行数,例如...
  • // { name: 'extent', items: ['Table','-','ths_form','-','ths_div','-','ths_label','-','ths_textfield','-','ths_select','-','ths_radio','-','ths_checkbox','-','ths_hiddenfield','-','ths_textarea','-','...
  • textarea name="viedoDesc" id="noticeText" datatype="*1-10000" style="position: relative;z-index:50;"&gt;&lt;/textarea&gt; &lt;span cl
  • 一、须知 placeholder属性是css3中新增加的...方式1:因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* Web...

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 126
精华内容 50
关键字:

textarea字体大小