상반기/프론트앤드 4

[Android Studio] Polyline

식물원을 투어하는 사용자들을 위한 추천코스 제공 기능을 위해 폴리라인을 구현하였다. 가장 먼저 import 문을 이용하여 MapPolyline을 가져온다. 다음으로 onCreate메소드 내부에 폴리라인을 생성하고, 값을 넣어주어야 한다. 먼저 폴리라인을 다음과 같이 선언하여 생성해준다. 다음처럼 변수명을 다르게 주면 여러개의 폴리라인을 생성하여 각각 다른 값을 저장할 수 있다. 폴리라인에 값을 넣고 저장하는 코드는 다음과 같다. (우리는 클릭이벤트도 적용하기 위해 onCreate > setOnClickListener에 넣어주었다.) 코드를 간략하게 설명하자면, 선언된 polyLine변수에 addPoint를 통해 값을 더하고 addPolyLine을 통해 저장한다. 폴리라인의 색은 setLineColor을 ..

[Android Studio] Web View

네비게이션 바 내부 이벤트 아이콘이 존재한다. 해당 아이콘을 눌렀을 때 식물원의 이벤트 웹 페이지로 이동할 수 있도록 하는 웹 뷰를 구현하였다. xml 창에는 다음과 같이 웹 뷰만 생성해주고, 나머지는 모두 java 창에서 구현한다. java 창에서 가장 먼저 웹뷰를 선언해주고, 이동할 url을 String에 담는다. private WebView webView; private String url = "https://www.sbg.or.kr/event/event.html?bun=4"; 아래 onCreate 메소드 안에 아래 코드를 추가해준다. 웹뷰를 띄울 수 있도록 설정해주는 코드이다. webView = (WeView) findViewById(R.idwebView); webView.getSettings()..

[Android Studio] Navigation View

봄 코스에 우측 상단에 꽃 아이콘을 추가하였다. 크기는 포토샵을 이용해서 50픽셀정도로 조정을 하였고, 그 이후 이미지 버튼과 연동하여 생성하였다. 아이콘을 눌렀을 때 네비게이션바가 나오도록 하였다. 네비게이션 바는 java파일 없이 xml파일로 추가를 하였고, 해당 xml파일은 기존 메인화면인 spring.java 파일과 연결을 해 주었다. spring.xml 파일 맨 아래쪽 추가를 해주었다. (flower_menu라는 네비게이션바 xml을 포함하겠다는 뜻이다.) 네비게이션바를 열고 닫는 것에 대한 내용은 자바 파일 onCreate 메소드 안에 구현하였다. 위 캡쳐 내용은 아래와 같다. flower_icon.setOnClickListener(new View.OnClickListener() { //flo..

[Android Studio] Custom Marker

마커는 onCreate메소드 내에 선언된다. 기존에는 안드로이드 스튜디오에서 기본 제공하는 블루핀과 레드핀을 사용하였다. 커스텀 마커를 생성하기 위해 사용될 이미지를 삽입해야한다. 사용할 아이콘의 png 파일을 먼저 저장후 복사한다. 다음 복사한 이미지를 안드로이드스튜디오 프로젝트 > res > drawable에 붙여넣는다. 이후 ~~drawable 클릭 후, 마지막으로 Refactor 버튼을 눌러준다. 다음과 같이 그림 파일이 drawable에 정상적으로 등록된 것을 확인할 수 있다. 두번째로는, 자바 코드부분을 작성해주어야한다. 기존 마커 타입을 기본제공 마커로 설정해두었는데, 다음과 같이 추가한 이미지를 불러와 마커로 사용할 수 있도록 변경한다. marker31.setMarkerType(MapPOI..