您的位置：首页 > 编程技术 > html  >  文本超出部分隐藏的两种方法

文本超出部分隐藏的两种方法

 更新时间：2017年1月22日 11:06  点击：2044
小编推荐的这篇文章介绍了两种文本超出部分隐藏的方法，有兴趣的同学快来看看吧

文本超出部分隐藏，总结两种方法。

1、单行隐藏

html代码

<divclass="mi">当文字超过范围的时候，超出部分会隐藏起来。</div>

css代码

.mi {
    width:200px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

2、多行隐藏

html代码

<divclass="mi">当文字超过范围的时候，超出部分会隐藏起来。可以设置第几行开始隐藏。</div>

css代码

.mi {
    width:200px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
这篇文章介绍了微信开发之php表单微信中自动提交两次问题解决办法，有兴趣的同学可以研究一下

前言：

最近做微信开发，在微信中访问PHP页面，页面中有个表单。测试发现偶尔会出现表单被自动提交两次的情况，导致流程出错。

问题原因

暂时未找到原因，不过怀疑跟微信本身的机制有关。

解决方法

用session，每次提交表单时，计算一个随机数post出去。页面处理表单提交时，先判断是否有这个session，如果不存在就保存，存在就和post过来的随机数比较，如果相等表示重复提交。

代码示例:

表单部分

 
 代码如下 复制代码
<divclass="odform">
  <form action="#"method="post">
 
    <divclass="input-group">
      <labelfor="amount_id">金额</label>
      <input type="text"name="amount"id="amount_id"
          placeholder="单位是元，精确到分,如:12.66"pattern="^([1-9]+(\.[0-9]{2})?|0\.[1-9][0-9]|0\.0[1-9])$">
      <input type="hidden"name="code"value="<?php $code = mt_rand(0, 100000); echo $code; ?>">
    </div>
 
    <divclass="input-group">
      <span id="available">当前余额:<?phpecho$amount_available; ?>元</span>
    </div>
 
    <button name="confirm">确认</button>
  </form>
</div>
 

处理表单提交

 
 代码如下 复制代码
if(isset($_POST['confirm'])) {
  //解决重复调用两次的问题
  if($_POST['code'] ==$_SESSION['code'])
  {
    exit;
  }
  else
  {
    $_SESSION['code'] =$_POST['code'];
  }
 
  //continue....
}
 
小编推荐了一篇Android 4.4.2横屏应用隐藏状态栏和底部虚拟键的方法，有兴趣的同学可以参考一下
//去title
requestWindowFeature(Window.FEATURE_NO_TITLE);
//隐藏状态栏
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);
//隐藏拟按键
getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
 
  setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
  View decorView = getWindow().getDecorView();
  decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
      | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
      | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
      | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
      | View.SYSTEM_UI_FLAG_FULLSCREEN
      | View.SYSTEM_UI_FLAG_IMMERSIVE);

注意：这种方法只能暂时隐藏状态栏和底部虚拟件，当应用交互的时候底部虚拟键会弹出来覆盖全屏应用的底部。这时可以去Acitivity基类布局文件的最外层布局中添加android:fitsSystemWindows=”true”这样当发生交互的时候，底部的虚拟键不会覆盖当前应用。

这篇文章介绍了Fragment跳转时传递参数及结果回传的方法，有需要的同学可以参考一下

今天总结一下Fragment间的参数传递及结果返回的方法。

效果图：

1、点击“加载第二个Fragment按钮”，加载出第二个Fragment，同时传递过去参数：“从Fragment1传来的参数”这几个String；

2、当用户点击第二个Fragment中的几个图片时，将点中的结果返回给第一个Fragment，将用户的选择在第一个Fragment显示出来

一、基本架构搭建

首先，我们要把整个架构搭起来，然后再进行参数传递和回传

(一)、基本XML构建：

根据上面的效果，大家很容易看到两个Fragment的布局：

1、Fragment1的布局：（fragment1.xml）

很简单，垂直布局，上面一个ImageView来盛装返回过来的图片结果，下面一个Button来用来点击加载第二个Fragment;

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#ffffff"
  android:orientation="vertical">
  <ImageView
    android:id="@+id/img_result"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="center"/>
  <Button
    android:id="@+id/load_fragment2_btn"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="加载第二个Fragment"/>
</LinearLayout>

2、Fragment2的布局：（fragment2.xml）

这个也是垂直布局，上面的一个TextView用来盛装从Fragment1传过来的String参数，下面的几个ImageView用来显示几个供用户选择的图片

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#ffffff"
  android:orientation="vertical">
  <TextView
    android:id="@+id/textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="This is fragment 2"
    android:textColor="#000000"
    android:textSize="25sp"/>
  <ImageView
    android:id="@+id/img1"
    android:layout_width="100dip"
    android:layout_height="100dp"
    android:scaleType="center"
    android:src="@drawable/animal1"/>
  <ImageView
    android:id="@+id/img2"
    android:layout_width="100dip"
    android:layout_height="100dp"
    android:scaleType="center"
    android:src="@drawable/animal2"/>
  <ImageView
    android:id="@+id/img3"
    android:layout_width="100dip"
    android:layout_height="100dp"
    android:scaleType="center"
    android:src="@drawable/animal3"/>
  <ImageView
    android:id="@+id/img4"
    android:layout_width="100dip"
    android:layout_height="100dp"
    android:scaleType="center"
    android:src="@drawable/animal4"/>
</LinearLayout>

（二）对应的Fragment类

1、在MainActivity初始化时，将Fragment1显示出来：

MainActivity对应的XML文件：（main_activity.xml）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/main_layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">
  <TextView
   android:text="@string/hello_world"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
</RelativeLayout>

对应的代码：

publicclassMainActivityextendsActivity {
  @Override
  protectedvoidonCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Fragment1 fragment1 =newFragment1();
    getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment1).commit();
  }
}

2、Fragment1:在用户点击时，将fragment2添加到当前页面显示出来；

publicclassFragment1extendsFragment {
  @Override
  publicView onCreateView(LayoutInflater inflater, ViewGroup container,
               Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment1, container,false);
    Button btn = (Button)view.findViewById(R.id.load_fragment2_btn);
    btn.setOnClickListener(newView.OnClickListener(){
      @Override
      publicvoidonClick(finalView view) {
        Fragment2 fragment2 =newFragment2();
        FragmentTransaction transaction = getFragmentManager().beginTransaction();
        transaction.add(R.id.main_layout, fragment2);
        transaction.addToBackStack(null);
        transaction.commit();
      }
    });
    returnview;
  }
}

3、Fragment2:至于目前的它还是很简单的，只要能显示出来 就好了，所以他的代码为：

publicclassFragment2extendsFragmentimplementsView.OnClickListener {
  @Override
  publicView onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment2, container,false);
    returnview;
  }
}

二、Fragment间参数传递

至于Fragment间参数为什么要用SetArguments来传递，我就不讲了，看这篇文章：《Android解惑 - 为什么要用Fragment.setArguments(Bundle bundle)来传递参数》，我这里只说项目中如何使用：

在Fragment2中，新建一个函数:newInstance(String  text)来接收传过来的参数：

新建一个Fragment2实例，然后将参数通过SetArguments设置到其中；

publicstaticFragment2 newInstance(String text) {
  Fragment2 fragment =newFragment2();
  Bundle args =newBundle();
  args.putString("param", text);
  fragment.setArguments(args);
  returnfragment;
}

然后在Fragment2的OnCreateView的时候再从arguments中获取参数：

publicView onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  View view = inflater.inflate(R.layout.fragment2, container,false);
  if(getArguments() !=null) {
    String mParam1 = getArguments().getString("param");
    TextView tv = (TextView)view.findViewById(R.id.textview);
    tv.setText(mParam1);
  }
  returnview;
}

在Fragment1中，在调起Fragmen2t时，通过调用newInstance函数来获取实例并传递参数：

publicclassFragment1extendsFragment {
  @Override
  publicView onCreateView(LayoutInflater inflater, ViewGroup container,
               Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment1, container,false);
    Button btn = (Button)view.findViewById(R.id.load_fragment2_btn);
    btn.setOnClickListener(newView.OnClickListener(){
      @Override
      publicvoidonClick(finalView view) {
        Fragment2 fragment2 = Fragment2.newInstance("从Fragment1传来的参数");
        FragmentTransaction transaction = getFragmentManager().beginTransaction();
        transaction.add(R.id.main_layout, fragment2);
        transaction.addToBackStack(null);
        transaction.commit();
      }
    });
    returnview;
  }
}

(三)、从Fragment2向Fragment1回传参数

这里只有利用回调，有关回调传递参数的问题，我在前一篇文章中：《详解Dialog(三)——自定义对话框视图及参数传递》第三部分：参数传递；详细讲过，大家可以先看源码，如果源码不懂，可以参考下这篇文章，这里就不再赘述。

[!--infotagslink--]

相关文章

  • php 中file_get_contents超时问题的解决方法

    file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢，导致php脚本超时了，但也有其它很多原因，下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25

  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22

  • php抓取网站图片并保存的实现方法

    php如何实现抓取网页图片，相较于手动的粘贴复制，使用小程序要方便快捷多了，喜欢编程的人总会喜欢制作一些简单有用的小软件，最近就参考了网上一个php抓取图片代码，封装了一个php远程抓取图片的类，测试了一下，效果还不错分享...2015-10-30

  • Android子控件超出父控件的范围显示出来方法

    下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法，希望这篇文章能够帮助到各位朋友，有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02

  • ps把文字背景变透明的操作方法

    ps软件是现在非常受大家喜欢的一款软件，有着非常不错的使用功能。这次文章就给大家介绍下ps把文字背景变透明的操作方法，喜欢的一起来看看。 1、使用Photoshop软件...2017-07-06

  • python Matplotlib基础--如何添加文本和标注

    这篇文章主要介绍了python Matplotlib基础--如何添加文本和标注，帮助大家更好的利用Matplotlib绘制图表，感兴趣的朋友可以了解下...2021-01-26

  • intellij idea快速查看当前类中的所有方法(推荐)

    这篇文章主要介绍了intellij idea快速查看当前类中的所有方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-09-02

  • Mysql select语句设置默认值的方法

    1.在没有设置默认值的情况下： 复制代码 代码如下:SELECT userinfo.id, user_name, role, adm_regionid, region_name , create_timeFROM userinfoLEFT JOIN region ON userinfo.adm_regionid = region.id 结果：...2014-05-31

  • js导出table数据到excel即导出为EXCEL文档的方法

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht...2013-10-13

  • mysql 批量更新与批量更新多条记录的不同值实现方法

    批量更新mysql更新语句很简单，更新一条数据的某个字段，一般这样写：复制代码 代码如下:UPDATE mytable SET myfield = 'value' WHERE other_field = 'other_value';如果更新同一字段为同一个值，mysql也很简单，修改下where即...2013-10-04

  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件，有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影，一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06

  • js基础知识（公有方法、私有方法、特权方法）

    本文涉及的主题虽然很基础，在许多人看来属于小伎俩，但在JavaScript基础知识中属于一个综合性的话题。这里会涉及到对象属性的封装、原型、构造函数、闭包以及立即执行表达式等知识。公有方法 公有方法就是能被外部访问...2015-11-08

  • 安卓手机wifi打不开修复教程，安卓手机wifi打不开解决方法

    手机wifi打不开？让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能，但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21

  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04

  • c#中分割字符串的几种方法

    单个字符分割 string s="abcdeabcdeabcde"; string[] sArray=s.Split('c'); foreach(string i in sArray) Console.WriteLine(i.ToString()); 输出下面的结果: ab de...2020-06-25

  • js控制页面控件隐藏显示的两种方法介绍

    javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visi...2013-10-13

  • 连接MySql速度慢的解决方法(skip-name-resolve)

    最近在Linux服务器上安装MySql5后，本地使用客户端连MySql速度超慢，本地程序连接也超慢。 解决方法：在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21

  • C#方法的总结详解

    本篇文章是对C#方法进行了详细的总结与介绍，需要的朋友参考下...2020-06-25

  • jQuery实现广告显示和隐藏动画

    这篇文章主要为大家详细介绍了jQuery实现广告显示和隐藏动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-07-05

  • Zend studio文件注释模板设置方法

    步骤：Window -> PHP -> Editor -> Templates，这里可以设置（增、删、改、导入等）管理你的模板。新建文件注释、函数注释、代码块等模板的实例新建模板，分别输入Name、Description、Patterna)文件注释Name: 3cfileDescriptio...2013-10-04