JAVA String.format 步骤使用 - 运用ViewPager实现高仿launcher拖...- 高仿网易资讯顶部滑动条效果

当前位置: 编程技术>移动开发

本页文章导读:

▪JAVA String.format 步骤使用 JAVA String.format 方法使用在JDK1.5中，String类增加了一个非常有用的静态函数format(String format, Objece... argues)，可以将各类数据格式化为字符串并输出。其中format参数指定了输出的格式，是最.........

▪ 运用ViewPager实现高仿launcher拖动效果使用ViewPager实现高仿launcher拖动效果 [html] view plaincopy <?xml version="1.0" encoding="UTF-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_pa.........

▪ 高仿网易资讯顶部滑动条效果高仿网易新闻顶部滑动条效果 [html] view plaincopy package cn.com.karl.slider; import android.app.Activity; import android.os.Bundle; import android.view.Gravity; import android.view.LayoutInflater; impo.........

[1]JAVA String.format 步骤使用

来源: 互联网发布时间: 2014-02-18

JAVA String.format 方法使用

在JDK1.5中，String类增加了一个非常有用的静态函数format(String format, Objece... argues)，可以将各类数据格式化为字符串并输出。其中format参数指定了输出的格式，是最复杂也是最难掌握的一点，而argues则是一系列等待被格式化的对象。该函数对c语言中printf函数的用法进行了一定的模仿，因此有c语言基础的人学起来会轻松许多。下面我们着重讨论一下format 参数的格式及含义。
format参数中可以包含不需要转化的字符串，这些字符串是你写什么，最终就输出什么。同时还包含一些特殊格式的内容，来指定将哪个对象来转换，以及转换成什么形式。这种特殊的格式通通以%index$开头，index从1开始取值，表示将第index个参数拿进来进行格式化。这一点比c语言要强一点， c语言只能按照参数的顺序依次格式化，而java可以选择第n个参数来格式化。由于该函数可以对任意一个对象进行格式化，不同的对象适用的参数也不同，因此我们下面分类来讨论。
1.对整数进行格式化：%[index$][标识][最小宽度]转换方式
我们可以看到，格式化字符串由4部分组成，其中%[index$]的含义我们上面已经讲过，[最小宽度]的含义也很好理解，就是最终该整数转化的字符串最少包含多少位数字。我们来看看剩下2个部分的含义吧：

标识：
'-'    在最小宽度内左对齐，不可以与“用0填充”同时使用
'#'    只适用于8进制和16进制，8进制时在结果前面增加一个0，16进制时在结果前面增加0x
'+'    结果总是包括一个符号（一般情况下只适用于10进制，若对象为BigInteger才可以用于8进制和16进制）
' '    正值前加空格，负值前加负号（一般情况下只适用于10进制，若对象为BigInteger才可以用于8进制和16进制）
'0'    结果将用零来填充
','    只适用于10进制，每3位数字之间用“，”分隔
'('    若参数是负数，则结果中不添加负号而是用圆括号把数字括起来（同‘+’具有同样的限制）

转换方式：
d-十进制   o-八进制   x或X-十六进制

上面的说明过于枯燥，我们来看几个具体的例子。需要特别注意的一点是：大部分标识字符可以同时使用。

        System.out.println(String.format("%1$,09d", -3123));
        System.out.println(String.format("%1$9d", -31));
        System.out.println(String.format("%1$-9d", -31));
        System.out.println(String.format("%1$(9d", -31));
        System.out.println(String.format("%1$#9x", 5689));

//结果为：
//-0003,123
//      -31
//-31
//     (31)
//   0x1639

2.对浮点数进行格式化：%[index$][标识][最少宽度][.精度]转换方式
我们可以看到，浮点数的转换多了一个“精度”选项，可以控制小数点后面的位数。

标识：
'-'    在最小宽度内左对齐，不可以与“用0填充”同时使用
'+'    结果总是包括一个符号
' '    正值前加空格，负值前加负号
'0'    结果将用零来填充
','    每3位数字之间用“，”分隔（只适用于fgG的转换）
'('    若参数是负数，则结果中不添加负号而是用圆括号把数字括起来（只适用于eEfgG的转换）

转换方式：
'e', 'E' -- 结果被格式化为用计算机科学记数法表示的十进制数
'f'          -- 结果被格式化为十进制普通表示方式
'g', 'G'    -- 根据具体情况，自动选择用普通表示方式还是科学计数法方式
'a', 'A'    --   结果被格式化为带有效位数和指数的十六进制浮点数

3.对字符进行格式化：
        对字符进行格式化是非常简单的，c表示字符，标识中'-'表示左对齐，其他就没什么了。
4.对百分比符号进行格式化：
看了上面的说明，大家会发现百分比符号“%”是特殊格式的一个前缀。那么我们要输入一个百分比符号该怎么办呢？肯定是需要转义字符的,但是要注意的是，在这里转义字符不是“/”，而是“%”。换句话说，下面这条语句可以输出一个“12%”：
System.out.println(String.format("%1$d%%", 12));
5.取得平台独立的行分隔符：
System.getProperty("line.separator")可以取得平台独立的行分隔符，但是用在format中间未免显得过于烦琐了。于是format函数自带了一个平台独立的行分隔符那就是String.format("%n")。
6.对日期类型进行格式化：
         以下日期和时间转换的后缀字符是为 't' 和 'T' 转换定义的。这些类型相似于但不完全等同于那些由 GNU date 和 POSIX strftime(3c) 定义的类型。提供其他转换类型是为了访问特定于 Java 的功能（如将 'L' 用作秒中的毫秒）。
以下转换字符用来格式化时间：
'H'     24 小时制的小时，被格式化为必要时带前导零的两位数，即 00 - 23。
'I'     12 小时制的小时，被格式化为必要时带前导零的两位数，即 01 - 12。
'k'     24 小时制的小时，即 0 - 23。
'l'     12 小时制的小时，即 1 - 12。
'M'     小时中的分钟，被格式化为必要时带前导零的两位数，即 00 - 59。
'S'     分钟中的秒，被格式化为必要时带前导零的两位数，即 00 - 60 （"60" 是支持闰秒所需的一个特殊值）。
'L'     秒中的毫秒，被格式化为必要时带前导零的三位数，即 000 - 999。
'N'     秒中的毫微秒，被格式化为必要时带前导零的九位数，即 000000000 - 999999999。
'p'     特定于语言环境的上午或下午标记以小写形式表示，例如 "am" 或 "pm"。使用转换前缀 'T' 可以强行将此输出转换为大写形式。
'z'     相对于 GMT 的 RFC 822 格式的数字时区偏移量，例如 -0800。
'Z'     表示时区缩写形式的字符串。Formatter 的语言环境将取代参数的语言环境（如果有）。
's'     自协调世界时 (UTC) 1970 年 1 月 1 日 00:00:00 至现在所经过的秒数，即 Long.MIN_VALUE/1000 与 Long.MAX_VALUE/1000 之间的差值。
'Q'     自协调世界时 (UTC) 1970 年 1 月 1 日 00:00:00 至现在所经过的毫秒数，即 Long.MIN_VALUE 与 Long.MAX_VALUE 之间的差值。
以下转换字符用来格式化日期：
'B'     特定于语言环境的月份全称，例如 "January" 和 "February"。
'b'     特定于语言环境的月份简称，例如 "Jan" 和 "Feb"。
'h'     与 'b' 相同。
'A'     特定于语言环境的星期几全称，例如 "Sunday" 和 "Monday"
'a'     特定于语言环境的星期几简称，例如 "Sun" 和 "Mon"
'C'     除以 100 的四位数表示的年份，被格式化为必要时带前导零的两位数，即 00 - 99
'Y'     年份，被格式化为必要时带前导零的四位数（至少），例如，0092 等于格里高利历的 92 CE。
'y'     年份的最后两位数，被格式化为必要时带前导零的两位数，即 00 - 99。
'j'     一年中的天数，被格式化为必要时带前导零的三位数，例如，对于格里高利历是 001 - 366。
'm'     月份，被格式化为必要时带前导零的两位数，即 01 - 13。
'd'     一个月中的天数，被格式化为必要时带前导零两位数，即 01 - 31
'e'     一个月中的天数，被格式化为两位数，即 1 - 31。
以下转换字符用于格式化常见的日期/时间组合。
'R'     24 小时制的时间，被格式化为 "%tH:%tM"
'T'     24 小时制的时间，被格式化为 "%tH:%tM:%tS"。
'r'     12 小时制的时间，被格式化为 "%tI:%tM:%tS %Tp"。上午或下午标记 ('%Tp') 的位置可能与语言环境有关。
'D'     日期，被格式化为 "%tm/%td/%ty"。
'F'     ISO 8601 格式的完整日期，被格式化为 "%tY-%tm-%td"。
'c'     日期和时间，被格式化为 "%ta %tb %td %tT %tZ %tY"，例如 "Sun Jul 20 16:17:00 EDT 1969"

转自http://blog.csdn.net/ocean20/article/details/6559043

[2] 运用ViewPager实现高仿launcher拖动效果

来源: 互联网发布时间: 2014-02-18

使用ViewPager实现高仿launcher拖动效果

前面一篇高仿launcher和墨迹左右拖动效果获得了很多朋友的好评，上一篇文章主要是通过自定义ViewGroup实现的，有点麻烦。今天用ViewPager 这个类实现了同样的效果，这样代码更少，但是效果是一样的。ViewPager是实现左右两个屏幕平滑地切换的一个类，它是Google提供的。

使用ViewPager首先需要引入android-support-v4.jar这个jar包。具体ViewPager的用法，这里不做介绍，自己从网上搜索吧！

下面先看一下效果：

效果请自行体验和上一篇比较。下面上代码：

首先是layout下面的main.xml

[html] view plaincopy

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

<android.support.v4.view.ViewPager

android:id="@+id/viewPager"

android:layout_width="fill_parent"

android:layout_height="wrap_content" />

<RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="vertical" >

<LinearLayout

android:id="@+id/viewGroup"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_marginBottom="30dp"

android:gravity="center_horizontal"

android:orientation="horizontal" >

</LinearLayout>

</RelativeLayout>

</FrameLayout>

接下来为每一个切换界面设置布局item1.xml

[html] view plaincopy

<?xml version="1.0" encoding="UTF-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

<ImageView

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/guide01" >

</ImageView>

</LinearLayout>

其他的几个界面布局和这个一样，就是修改下背景图片，所以不再复述，

最后是核心代码：

[html] view plaincopy

import java.util.ArrayList;

import android.app.Activity;

import android.os.Bundle;

import android.os.Parcelable;

import android.support.v4.view.PagerAdapter;

import android.support.v4.view.ViewPager;

import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.view.ViewGroup.LayoutParams;

import android.view.Window;

import android.widget.ImageView;

public class MainActivity extends Activity {

ViewPager viewPager;

ArrayList<View> list;

ViewGroup main, group;

ImageView imageView;

ImageView[] imageViews;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

this.requestWindowFeature(Window.FEATURE_NO_TITLE);

LayoutInflater inflater = getLayoutInflater();

list = new ArrayList<View>();

list.add(inflater.inflate(R.layout.item1, null));

list.add(inflater.inflate(R.layout.item2, null));

list.add(inflater.inflate(R.layout.item3, null));

list.add(inflater.inflate(R.layout.item4, null));

list.add(inflater.inflate(R.layout.item5, null));

imageViews = new ImageView[list.size()];

ViewGroup main = (ViewGroup) inflater.inflate(R.layout.main, null);

// group是R.layou.main中的负责包裹小圆点的LinearLayout.

ViewGroup group = (ViewGroup) main.findViewById(R.id.viewGroup);

viewPager = (ViewPager) main.findViewById(R.id.viewPager);

for (int i = 0; i < list.size(); i++) {

imageView = new ImageView(MainActivity.this);

imageView.setLayoutParams(new LayoutParams(10,10));

imageView.setPadding(10, 0, 10, 0);

imageViews[i] = imageView;

if (i == 0) {

// 默认进入程序后第一张图片被选中;

imageViews[i].setBackgroundResource(R.drawable.guide_dot_white);

} else {

imageViews[i].setBackgroundResource(R.drawable.guide_dot_black);

}

group.addView(imageView);

}

setContentView(main);

viewPager.setAdapter(new MyAdapter());

viewPager.setOnPageChangeListener(new MyListener());

}

class MyAdapter extends PagerAdapter {

@Override

public int getCount() {

return list.size();

}

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

return arg0 == arg1;

}

@Override

public int getItemPosition(Object object) {

// TODO Auto-generated method stub

return super.getItemPosition(object);

}

@Override

public void destroyItem(View arg0, int arg1, Object arg2) {

// TODO Auto-generated method stub

((ViewPager) arg0).removeView(list.get(arg1));

}

@Override

public Object instantiateItem(View arg0, int arg1) {

// TODO Auto-generated method stub

((ViewPager) arg0).addView(list.get(arg1));

return list.get(arg1);

}

@Override

public void restoreState(Parcelable arg0, ClassLoader arg1) {

// TODO Auto-generated method stub

}

@Override

public Parcelable saveState() {

// TODO Auto-generated method stub

return null;

}

@Override

public void startUpdate(View arg0) {

// TODO Auto-generated method stub

}

@Override

public void finishUpdate(View arg0) {

// TODO Auto-generated method stub

}

class MyListener implements OnPageChangeListener {

@Override

public void onPageScrollStateChanged(int arg0) {

// TODO Auto-generated method stub

}

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

// TODO Auto-generated method stub

}

@Override

public void onPageSelected(int arg0) {

for (int i = 0; i < imageViews.length; i++) {

imageViews[arg0]

.setBackgroundResource(R.drawable.guide_dot_white);

if (arg0 != i) {

imageViews[i]

.setBackgroundResource(R.drawable.guide_dot_black);

}

最后在提醒一句，不要忘记加入android-support-v4.jar这个jar包。

[3] 高仿网易资讯顶部滑动条效果

来源: 互联网发布时间: 2014-02-18

高仿网易新闻顶部滑动条效果

这个是网易新闻的主界面，我们知道底部可以用tabhost实现，这个很容易，我们在其他软件中也会经常用到。

至于顶部的滑动条，个人感觉还是比较漂亮的所以今天也模仿了下，网易顶部滑动条的效果，由于初次模仿这种效果，可能有些地方还不够完美，不过基本已经实现，希望大家能够喜欢。

废话不多说，下面上代码：

首先是布局layout下的main.xml

[html] view plaincopy

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/root"

android:background="#ffffff"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

<LinearLayout

android:id="@+id/layoutBar"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/big_button_up"

android:orientation="horizontal" >

<RelativeLayout

android:id="@+id/layout1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:layout_weight="1.0" >

<TextView

android:id="@+id/tab1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="新闻" />

</RelativeLayout>

<RelativeLayout

android:id="@+id/layout2"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:layout_weight="1.0" >

<TextView

android:id="@+id/tab2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="体育" />

</RelativeLayout>

<RelativeLayout

android:id="@+id/layout3"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:layout_weight="1.0" >

<TextView

android:id="@+id/tab3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="娱乐" />

</RelativeLayout>

<RelativeLayout

android:id="@+id/layout4"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:layout_weight="1.0" >

<TextView

android:id="@+id/tab4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="更多" />

</RelativeLayout>

</LinearLayout>

<LinearLayout

android:id="@+id/page"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_alignParentLeft="true"

android:layout_below="@+id/layoutBar"

android:background="#ffffff"

android:orientation="vertical"

</LinearLayout>

</RelativeLayout>

下面是核心类，

[html] view plaincopy

package cn.com.karl.slider;

import android.app.Activity;

import android.os.Bundle;

import android.view.Gravity;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.ViewGroup.LayoutParams;

import android.view.animation.TranslateAnimation;

import android.widget.LinearLayout;

import android.widget.RelativeLayout;

import android.widget.TextView;

public class SliderBarActivity extends Activity {

/** Called when the activity is first created. */

private RelativeLayout layout;

private RelativeLayout layout1;

private RelativeLayout layout2;

private RelativeLayout layout3;

private RelativeLayout layout4;

private TextView tab1;

private TextView tab2;

private TextView tab3;

private TextView tab4;

private TextView first;

private int current = 1;

private LinearLayout page;

private boolean isAdd = false;

private int select_width;

private int select_height;

private int firstLeft;

private int startLeft;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

init();

}

private void init(){

layout = (RelativeLayout) findViewById(R.id.root);

layout1 = (RelativeLayout) findViewById(R.id.layout1);

layout2 = (RelativeLayout) findViewById(R.id.layout2);

layout3 = (RelativeLayout) findViewById(R.id.layout3);

layout4 = (RelativeLayout) findViewById(R.id.layout4);

page=(LinearLayout) this.findViewById(R.id.page);

tab1 = (TextView) findViewById(R.id.tab1);

tab1.setOnClickListener(onClickListener);

tab2 = (TextView) findViewById(R.id.tab2);

tab2.setOnClickListener(onClickListener);

tab3 = (TextView) findViewById(R.id.tab3);

tab3.setOnClickListener(onClickListener);

tab4 = (TextView) findViewById(R.id.tab4);

tab4.setOnClickListener(onClickListener);

RelativeLayout.LayoutParams rl = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

rl.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);

first = new TextView(this);

first.setTag("first");

first.setGravity(Gravity.CENTER);

first.setBackgroundResource(R.drawable.slidebar);

first.setText(tab1.getText());

View view1=LayoutInflater.from(getApplicationContext()).inflate(R.layout.page1, null);

page.addView(view1);

switch (current) {

case 1:

layout1.addView(first, rl);

current = R.id.tab1;

break;

case 2:

layout2.addView(first, rl);

current = R.id.tab2;

break;

case 3:

layout3.addView(first, rl);

current = R.id.tab3;

break;

case 4:

layout4.addView(first, rl);

current = R.id.tab4;

break;

default:

break;

}

private void replace() {

switch (current) {

case R.id.tab1:

changeTop(layout1);

break;

case R.id.tab2:

changeTop(layout2);

break;

case R.id.tab3:

changeTop(layout3);

break;

case R.id.tab4:

changeTop(layout4);

break;

default:

break;

}

private void changeTop(RelativeLayout relativeLayout){

TextView old = (TextView) relativeLayout.findViewWithTag("first");;

select_width = old.getWidth();

select_height = old.getHeight();

RelativeLayout.LayoutParams rl = new RelativeLayout.LayoutParams(select_width, select_height);

rl.leftMargin = old.getLeft() + ((RelativeLayout)old.getParent()).getLeft();

rl.topMargin = old.getTop() + ((RelativeLayout)old.getParent()).getTop();

firstLeft = old.getLeft() + ((RelativeLayout)old.getParent()).getLeft();

TextView tv = new TextView(this);

tv.setTag("move");

tv.setBackgroundResource(R.drawable.slidebar);

layout.addView(tv , rl);

relativeLayout.removeView(old);

}

private OnClickListener onClickListener = new OnClickListener(){

public void onClick(View v) {

if(!isAdd){

replace();

isAdd = true;

}

TextView top_select = (TextView) layout.findViewWithTag("move");

top_select.setGravity(Gravity.CENTER);

top_select.setText(tab1.getText());

int tabLeft;

int endLeft = 0;

boolean run = false;

switch (v.getId()) {

case R.id.tab1:

if (current != R.id.tab1) {

page.removeAllViews();

tabLeft = ((RelativeLayout) tab1.getParent()).getLeft() + tab1.getLeft() + tab1.getWidth() / 2;

endLeft = tabLeft - select_width / 2;

current = R.id.tab1;

top_select.setText(tab1.getText());

run = true;

View view1=LayoutInflater.from(getApplicationContext()).inflate(R.layout.page1, null);

page.addView(view1);

}

break;

case R.id.tab2:

if (current != R.id.tab2) {

page.removeAllViews();

tabLeft = ((RelativeLayout) tab2.getParent()).getLeft() + tab2.getLeft() + tab2.getWidth() / 2;

endLeft = tabLeft - select_width / 2;

current = R.id.tab2;

top_select.setText(tab2.getText());

run = true;

View view2=LayoutInflater.from(getApplicationContext()).inflate(R.layout.page2, null);

page.addView(view2);

}

break;

case R.id.tab3:

if (current != R.id.tab3) {

page.removeAllViews();

tabLeft = ((RelativeLayout) tab3.getParent()).getLeft() + tab3.getLeft() + tab3.getWidth() / 2;

endLeft = tabLeft - select_width/2;

current = R.id.tab3;

top_select.setText(tab3.getText());

run = true;

View view3=LayoutInflater.from(getApplicationContext()).inflate(R.layout.page3, null);

page.addView(view3);

}

break;

case R.id.tab4:

if (current != R.id.tab4) {

page.removeAllViews();

tabLeft = ((RelativeLayout) tab4.getParent()).getLeft() + tab3.getLeft() + tab4.getWidth() / 2;

endLeft = tabLeft - select_width/2;

current = R.id.tab4;

top_select.setText(tab4.getText());

run = true;

View view4=LayoutInflater.from(getApplicationContext()).inflate(R.layout.page4, null);

page.addView(view4);

}

break;

default:

break;

}

if(run){

TranslateAnimation animation = new TranslateAnimation(startLeft, endLeft - firstLeft, 0, 0);

startLeft = endLeft - firstLeft;

animation.setDuration(100);

animation.setFillAfter(true);

top_select.bringToFront();

top_select.startAnimation(animation);

}

};

}

由于时间比较紧，我没有做注释，有时间再做注释啊。

看一下效果是不是一样啊！

效果还请大家自行体验并改进，由于时间仓促，代码并未做注释，希望大家能够原谅，下面我附上源码下载地址：点击打开链接