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

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

上次一篇博文http://blog.****.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布局续

相关推荐