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,UI,Class,手机)