读书人

Android开发含有圆角列表UI布局续

发布时间: 2012-09-21 15:47:26 作者: rapoo

Android开发带有圆角列表UI布局续

上次一篇博文http://blog.csdn.net/walker02/article/details/7921547,讲述了一种带有圆角的布局,感觉有些太死板了,没有添加点击效果,在移动端的UI布局有限,所以一般需要有限的空间尽量展示更多的信息,一种情况可以利用四个选项跳转到不同的页面去展示信息,另外一种情况就是当不点击的时候,信息是隐藏的,当你点击的时候信息是展示的,当你再次点击的时候信息再次隐藏。这种类似于抽屉的效果很好的利用了手机有限的空间。

类似于网上专业的说法:手风琴菜单,手风琴菜单是一组可折叠的信息模块。当有限的界面空间无法将菜单中的所有内容,或全部信息块完整展示出来时,可以使用手风琴菜单。用户通过点击信息块的标题,将需要的信息展示出来,临时不用的信息隐藏起来。这样用户既可以看到所有信息的标题,对信息内容有一个完整的认识,又可以看到所需信息的详情,聚焦重点信息。手风琴菜单可以用于导航设计,将一级导航显示在信息块标题处,二级导航显示在信息块内容处。也可以用于展示标题下的文字信息、图片信息等内容详情。

Demo下载地址

MainActivity.java 代码 实现信息的显示和隐藏功能

public class MainActivity extends Activity {private LinearLayout one;private LinearLayout tow;private LinearLayout three;private LinearLayout four;private static int var1 = 1;private static int var2 = 1;private static int var3 = 1;private static int var4 = 1;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);one = (LinearLayout) findViewById(R.id.one_mention);tow = (LinearLayout) findViewById(R.id.two_mention);three = (LinearLayout) findViewById(R.id.three_mention);four = (LinearLayout) findViewById(R.id.four_mention);findViewById(R.id.oneLayout).setOnClickListener(new OnClickListener() {public void onClick(View v) {var1++;if(var1%2 == 0){one.setVisibility(View.VISIBLE);}else {one.setVisibility(View.GONE);}}});findViewById(R.id.twolayout).setOnClickListener(new View.OnClickListener() {public void onClick(View v) {var2++;if(var2 % 2 == 0){tow.setVisibility(View.VISIBLE);}else {tow.setVisibility(View.GONE);}}});findViewById(R.id.threelayout).setOnClickListener(new View.OnClickListener() {public void onClick(View v) {var3++;if(var3 % 2 == 0){three.setVisibility(View.VISIBLE);}else {three.setVisibility(View.GONE);}}});findViewById(R.id.fourlayout).setOnClickListener(new View.OnClickListener() {public void onClick(View v) {var4++;if (var4 % 2 == 0) {four.setVisibility(View.VISIBLE);}else {four.setVisibility(View.GONE);}}});    }    }

读书人网 >Android

热点推荐