yexiaochao / yc_ui_fragment_qzone Goto Github PK

package com.yanis.yc_ui_qzone;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.PopupWindow.OnDismissListener;
public class MainActivity extends FragmentActivity implements OnClickListener {
// 定义Fragment页面
private FragmentAt fragmentAt;
private FragmentAuth fragmentAuth;
private FragmentSpace fragmentSpace;
private FragmentMore fragmentMore;
// 定义布局对象
private FrameLayout atFl, authFl, spaceFl, moreFl;
</span><span style="color: #008000;">//</span><span style="color: #008000;"> 定义图片组件对象</span>
<span style="color: #0000ff;">private</span><span style="color: #000000;"> ImageView atIv, authIv, spaceIv, moreIv;

</span><span style="color: #008000;">//</span><span style="color: #008000;"> 定义按钮图片组件</span>
<span style="color: #0000ff;">private</span><span style="color: #000000;"> ImageView toggleImageView, plusImageView;

</span><span style="color: #008000;">//</span><span style="color: #008000;"> 定义PopupWindow</span>
<span style="color: #0000ff;">private</span><span style="color: #000000;"> PopupWindow popWindow;
</span><span style="color: #008000;">//</span><span style="color: #008000;"> 获取手机屏幕分辨率的类</span>
<span style="color: #0000ff;">private</span><span style="color: #000000;"> DisplayMetrics dm;

@Override
</span><span style="color: #0000ff;">protected</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> onCreate(Bundle savedInstanceState) {
    </span><span style="color: #0000ff;">super</span><span style="color: #000000;">.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    initView();

    initData();

    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 初始化默认为选中点击了&ldquo;动态&rdquo;按钮</span>

        clickAtBtn();
}
</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 初始化组件
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> initView() {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化布局对象</span>
    atFl =<span style="color: #000000;"> (FrameLayout) findViewById(R.id.layout_at);
    authFl </span>=<span style="color: #000000;"> (FrameLayout) findViewById(R.id.layout_auth);
    spaceFl </span>=<span style="color: #000000;"> (FrameLayout) findViewById(R.id.layout_space);
    moreFl </span>=<span style="color: #000000;"> (FrameLayout) findViewById(R.id.layout_more);

    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化图片组件对象</span>
    atIv =<span style="color: #000000;"> (ImageView) findViewById(R.id.image_at);
    authIv </span>=<span style="color: #000000;"> (ImageView) findViewById(R.id.image_space);
    spaceIv </span>=<span style="color: #000000;"> (ImageView) findViewById(R.id.image_space);
    moreIv </span>=<span style="color: #000000;"> (ImageView) findViewById(R.id.image_more);

    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化按钮图片组件</span>
    toggleImageView =<span style="color: #000000;"> (ImageView) findViewById(R.id.toggle_btn);
    plusImageView </span>=<span style="color: #000000;"> (ImageView) findViewById(R.id.plus_btn);

}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 初始化数据
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> initData() {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 给布局对象设置监听</span>
    atFl.setOnClickListener(<span style="color: #0000ff;">this</span><span style="color: #000000;">);
    authFl.setOnClickListener(</span><span style="color: #0000ff;">this</span><span style="color: #000000;">);
    spaceFl.setOnClickListener(</span><span style="color: #0000ff;">this</span><span style="color: #000000;">);
    moreFl.setOnClickListener(</span><span style="color: #0000ff;">this</span><span style="color: #000000;">);

    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 给按钮图片设置监听</span>
    toggleImageView.setOnClickListener(<span style="color: #0000ff;">this</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 点击事件
 </span><span style="color: #008000;">*/</span><span style="color: #000000;">
@Override
</span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> onClick(View v) {
    </span><span style="color: #0000ff;">switch</span><span style="color: #000000;"> (v.getId()) {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 点击动态按钮</span>
    <span style="color: #0000ff;">case</span><span style="color: #000000;"> R.id.layout_at:
        clickAtBtn();
        </span><span style="color: #0000ff;">break</span><span style="color: #000000;">;
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 点击与我相关按钮</span>
    <span style="color: #0000ff;">case</span><span style="color: #000000;"> R.id.layout_auth:
        clickAuthBtn();
        </span><span style="color: #0000ff;">break</span><span style="color: #000000;">;
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 点击我的空间按钮</span>
    <span style="color: #0000ff;">case</span><span style="color: #000000;"> R.id.layout_space:
        clickSpaceBtn();
        </span><span style="color: #0000ff;">break</span><span style="color: #000000;">;
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 点击更多按钮</span>
    <span style="color: #0000ff;">case</span><span style="color: #000000;"> R.id.layout_more:
        clickMoreBtn();
        </span><span style="color: #0000ff;">break</span><span style="color: #000000;">;
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 点击中间按钮</span>
    <span style="color: #0000ff;">case</span><span style="color: #000000;"> R.id.toggle_btn:
        clickToggleBtn();
        </span><span style="color: #0000ff;">break</span><span style="color: #000000;">;
    }
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 点击了&ldquo;动态&rdquo;按钮
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> clickAtBtn() {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化Fragment页面</span>
    fragmentAt = <span style="color: #0000ff;">new</span><span style="color: #000000;"> FragmentAt();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 得到Fragment事务管理器</span>
    FragmentTransaction fragmentTransaction = <span style="color: #0000ff;">this</span><span style="color: #000000;">
            .getSupportFragmentManager().beginTransaction();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 替换当前的页面</span>

        fragmentTransaction.replace(R.id.frame_content, fragmentAt);
// 事务管理提交
        fragmentTransaction.commit();
// 改变选中状态
atFl.setSelected(true);
atIv.setSelected(true);
    authFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    authIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    spaceFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    spaceIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    moreFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    moreIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 点击了&ldquo;与我相关&rdquo;按钮
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> clickAuthBtn() {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化Fragment页面</span>
    fragmentAuth = <span style="color: #0000ff;">new</span><span style="color: #000000;"> FragmentAuth();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 得到Fragment事务管理器</span>
    FragmentTransaction fragmentTransaction = <span style="color: #0000ff;">this</span><span style="color: #000000;">
            .getSupportFragmentManager().beginTransaction();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 替换当前的页面</span>

        fragmentTransaction.replace(R.id.frame_content, fragmentAuth);
// 事务管理提交
        fragmentTransaction.commit();
    atFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    atIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    authFl.setSelected(</span><span style="color: #0000ff;">true</span><span style="color: #000000;">);
    authIv.setSelected(</span><span style="color: #0000ff;">true</span><span style="color: #000000;">);

    spaceFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    spaceIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    moreFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    moreIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 点击了&ldquo;我的空间&rdquo;按钮
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> clickSpaceBtn() {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化Fragment页面</span>
    fragmentSpace = <span style="color: #0000ff;">new</span><span style="color: #000000;"> FragmentSpace();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 得到Fragment事务管理器</span>
    FragmentTransaction fragmentTransaction = <span style="color: #0000ff;">this</span><span style="color: #000000;">
            .getSupportFragmentManager().beginTransaction();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 替换当前的页面</span>

        fragmentTransaction.replace(R.id.frame_content, fragmentSpace);
// 事务管理提交
        fragmentTransaction.commit();
    atFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    atIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    authFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    authIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    spaceFl.setSelected(</span><span style="color: #0000ff;">true</span><span style="color: #000000;">);
    spaceIv.setSelected(</span><span style="color: #0000ff;">true</span><span style="color: #000000;">);

    moreFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    moreIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 点击了&ldquo;更多&rdquo;按钮
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> clickMoreBtn() {
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 实例化Fragment页面</span>
    fragmentMore = <span style="color: #0000ff;">new</span><span style="color: #000000;"> FragmentMore();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 得到Fragment事务管理器</span>
    FragmentTransaction fragmentTransaction = <span style="color: #0000ff;">this</span><span style="color: #000000;">
            .getSupportFragmentManager().beginTransaction();
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 替换当前的页面</span>

        fragmentTransaction.replace(R.id.frame_content, fragmentMore);
// 事务管理提交
        fragmentTransaction.commit();
    atFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    atIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    authFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    authIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    spaceFl.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
    spaceIv.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);

    moreFl.setSelected(</span><span style="color: #0000ff;">true</span><span style="color: #000000;">);
    moreIv.setSelected(</span><span style="color: #0000ff;">true</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 点击了中间按钮
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> clickToggleBtn() {
    showPopupWindow(toggleImageView);
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 改变按钮显示的图片为按下时的状态</span>
    plusImageView.setSelected(<span style="color: #0000ff;">true</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 改变显示的按钮图片为正常状态
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> changeButtonImage() {
    plusImageView.setSelected(</span><span style="color: #0000ff;">false</span><span style="color: #000000;">);
}

</span><span style="color: #008000;">/**</span><span style="color: #008000;">
 * 显示PopupWindow弹出菜单
 </span><span style="color: #008000;">*/</span>
<span style="color: #0000ff;">private</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> showPopupWindow(View parent) {
    </span><span style="color: #0000ff;">if</span> (popWindow == <span style="color: #0000ff;">null</span><span style="color: #000000;">) {
        LayoutInflater layoutInflater </span>=<span style="color: #000000;"> (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View view </span>= layoutInflater.inflate(R.layout.popwindow_layout, <span style="color: #0000ff;">null</span><span style="color: #000000;">);
        dm </span>= <span style="color: #0000ff;">new</span><span style="color: #000000;"> DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        </span><span style="color: #008000;">//</span><span style="color: #008000;"> 创建一个PopuWidow对象</span>
        popWindow = <span style="color: #0000ff;">new</span><span style="color: #000000;"> PopupWindow(view, dm.widthPixels, LinearLayout.LayoutParams.WRAP_CONTENT); 
    }
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 使其聚集 ，要想监听菜单里控件的事件就必须要调用此方法</span>
    popWindow.setFocusable(<span style="color: #0000ff;">true</span><span style="color: #000000;">);
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 设置允许在外点击消失</span>
    popWindow.setOutsideTouchable(<span style="color: #0000ff;">true</span><span style="color: #000000;">);
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 设置背景，这个是为了点击&ldquo;返回Back&rdquo;也能使其消失，并且并不会影响你的背景</span>
    popWindow.setBackgroundDrawable(<span style="color: #0000ff;">new</span><span style="color: #000000;"> BitmapDrawable());
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> PopupWindow的显示及位置设置
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> popWindow.showAtLocation(parent, Gravity.FILL, 0, 0);</span>
    popWindow.showAsDropDown(parent, 0,0<span style="color: #000000;">);

    popWindow.setOnDismissListener(</span><span style="color: #0000ff;">new</span><span style="color: #000000;"> OnDismissListener() {
        @Override
        </span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> onDismiss() {
            </span><span style="color: #008000;">//</span><span style="color: #008000;"> 改变显示的按钮图片为正常状态</span>

                changeButtonImage();
}
});
    </span><span style="color: #008000;">//</span><span style="color: #008000;"> 监听触屏事件</span>
    popWindow.setTouchInterceptor(<span style="color: #0000ff;">new</span><span style="color: #000000;"> OnTouchListener() {
        </span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">boolean</span><span style="color: #000000;"> onTouch(View view, MotionEvent event) {
            </span><span style="color: #008000;">//</span><span style="color: #008000;"> 改变显示的按钮图片为正常状态</span>

                changeButtonImage();
popWindow.dismiss();
return false;
}
});
}
}