Android 는 jQuery 를 사용 하여 아 이 템 을 클릭 하여 표시 하거나 숨겨 진 효 과 를 구현 하 는 예제 입 니 다.

5566 단어 Android클릭 하 다.item
본 고 는 안 드 로 이 드 가 jQuery 를 사용 하여 아 이 템 클릭 표시 나 숨겨 진 효 과 를 실현 하 는 예 시 를 소개 하고 구체 적 으로 다음 과 같다.
효과 도
这里写图片描述
분석 하 다.
위의 그림 에서 의 기능 은 많은 앱 에서 사용 할 수 있다.예 를 들 어 app 의 도움말 인터페이스 는 사용자 에 게 앱 을 어떻게 사용 하 는 지 알려 준다.
일반적인 실현 방식 은 모두 ListView 를 통 해 이 루어 진다.실제로 이런 수 요 는 매우 간단 하고 WebView 로 HTML 을 불 러 와 서 이 루어 질 수 있다.
서랍 스타일 의 디 스 플레이 숨 김 효 과 는 jQuery 를 사용 하여 실현 할 수 있 습 니 다.함수 하나 로 해결 할 수 있 습 니 다.
이루어지다
통합 jQuery
웹 페이지 에서 jQuery 를 사용 해 야 합 니 다.최신 버 전 은 홈 페이지 에서 다운로드 할 수 있 습 니 다.
http://jquery.com/download/
하이퍼링크 와 연 결 된 방식 으로 jQuery 를 웹 페이지 에 통합 하 는 것 을 추천 하지 않 습 니 다.도움말 페이지 는 인터넷 이 연결 되 지 않 은 상태 에서 방문 하 는 것 을 고려 해 야 하기 때문에 jQuery 를 프로젝트 에 넣 는 것 을 권장 합 니 다.
여기 서 는 발 표 된 간소화 버 전 을 사용 하여 링크 오른쪽 단 추 를 텍스트 로 직접 저장 합 니 다.
这里写图片描述
다른 이름 으로 저 장 된 텍스트 를 jquery.js 로 바 꾸 고 HTML 에서 다음 코드 를 통 해 jQuery 를 통합 합 니 다.

<script src="jquery.js"></script>
통합 경로 에 따라 해당 하 는 도입 경 로 를 수정 해 야 한 다 는 것 을 기억 하 세 요.
웹 페이지 를 작성 하 다
간단 한 항목 표시/숨 기기 효과 구현

<!doctype html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>

<!--      -->
<style type="text/css">
 body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: "    ";
  font-size: 16px;
 }

 div.div300 {
  margin:0px;
  padding:5px;
  background:#ffffff;
  border:solid 1px #c3c3c3;
 }

 h3.h300 {
  margin:0px;
  padding:5px;
  background:#F5F5F5;
  border:solid 1px #c3c3c3;
  color:black;
 }
</style>

<!--      -->
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(".h300").click(function(){
  $(".div300").slideToggle("fast");
 });
});
</script>

<title>  </title>
</head>
<body>

<div style="padding:10px; text-align: justify;">
 <h3 class="h300">item       0</h3>
 <div class="div300">
  <p>
   1.         APP       ，  app     ，        APP。<br><br>
   2.           ListView    ，            ，     HTML   。<br><br>
   3.           jQuery   ，         。<br><br>
   4.        jQuery，           。<br>
  </p>
 </div>
</div>
</body>
</html>
제어 논리 에서slideToggle의 값 은'slow'또는'fast'를 선택 하여 미끄럼 속 도 를 바 꿀 수 있 습 니 다.
body 에서 div 300 은 표시 하거나 숨 길 내용 을 표시 하고 h300 은 item 항목 을 표시 합 니 다.
작성 한 html 파일 을 jquery.js 파일 과 함께 Android 프로젝트 의 assets 에 넣 습 니 다.
웹 페이지 불 러 오기
Activity 에서 웹 뷰 를 사용 하여 웹 페이지 를 불 러 옵 니 다.
웹 페이지 코드 불 러 오기

public class GuideActivity extends AppCompatActivity {
 private final String htmlPath = "file:///android_asset/guide.html";
 private WebView mContentWv;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_guide);
  mContentWv = (WebView) findViewById(R.id.web_guide_content);
  mContentWv.getSettings().setJavaScriptEnabled(true);
  mContentWv.loadUrl(htmlPath);
 }
}
WebView 를 사용 할 때 각종 구 덩이 를 조심해 야 합 니 다.가장 주의해 야 할 것 은 메모리 유출 문제 입 니 다.현재 가장 좋 은 처리 방법 은 인터페이스 에 WebView 가 있 는 인터페이스 에 새로운 프로 세 스 를 열 고 이 인터페이스 를 종료 할 때 이 프로 세 스 를 끝 내 는 것 입 니 다.
구체 적 인 방법 은 다음 과 같다.
AndroidManifest.xml 에서 WebView 가 포 함 된 Activity 에 새로운 프로 세 스 를 시작 합 니 다.

<activity
 android:name=".modules.main.GuideActivity"
 android:launchMode="singleTask"
 android:process=":guide.process"/>
프로 세 스 속성 을 통 해 새 프로 세 스 의 이름 을 지정 합 니 다.개인 프로 세 스 를 설정 합 니 다.
인터페이스 종료 시 프로 세 스 닫 기
Activity 종료 시 onDestroy 에서 사용System.exit(0)프로 세 스 닫 기

@Override
protected void onDestroy(
 ViewGroup view = (ViewGroup) getWindow().getDecorView();
 view.removeAllViews();

 super.onDestroy();
 System.exit(0);
}
프로 세 스 가 종료 되면 정상적으로 종료 되 었 든 이상 하 게 종료 되 었 든 운영 체 제 는 이 프로 세 스 의 자원 을 방출 합 니 다.예 를 들 어 메모리 자원 과 열 린 파일 자원 등 은 커 널 에 의 해 제어 되 고 비교적 믿 을 만하 다.
이 방법 을 사용 할 때 도 다음 과 같은 두 가 지 를 주의해 야 한다.
  • Activity 페이지 에서 서로 다른 프로 세 스 의 자원 을 인 용 했 는 지 여부 입 니 다.있 으 면 서로 다른 프로 세 스 간 의 통신 을 IPC 시스템 으로 처리 해 야 합 니 다
  • 시작 하 는 페이지 의 속 도 는 매우 느 릴 것 입 니 다.메모리 가 비어 있 기 때문에 캐 시 없 이 시작 이 느 려 집 니 다.그리고 새로 시작 하 는 프로 세 스 는 일정한 자원 을 소모 해 야 합 니 다
    • .
    총결산
    간단 한 페이지 는 HTML 을 사용 하여 개발 원 가 를 절약 하고 이식 성 이 강하 다.
    페이지 의 데 이 터 를 동적 으로 바 꾸 려 면WebView 와 JavaScript 가 서로 호출 됩 니 다.사용 할 수 있 습 니 다.
    WebView 의 사용 은 각종 구덩이 가 존재 하 므 로 개발 과정 에서 자세하게 테스트 하고 최대한 피해 야 한다.
    이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
    Spring-boot 2.3.x 소스 코드 는 Gradle 컴 파일 과정 에 대한 상세 한 설명 을 바탕 으로 합 니 다.
    JAVA 8 의 함수 식 프로 그래 밍 Function 인터페이스 용법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage